码迷,mamicode.com
首页 > 其他好文 > 详细

A Bite Of React(1)

时间:2017-11-16 00:52:16      阅读:198      评论:0      收藏:0      [点我收藏+]

标签:which   word   cannot   with   col   man   import   bit   sele   

react:

component and views : produce html abd add them on a page( in the dom)

<import React from ‘react‘> // core react library, know how to work with component. Create or manage a Dom
<import ReactDOM from ‘react-dom‘> //render component to dom

const App = function(){
    return <div>HI!</div>
}; // this is a component class, could produce a lot of instance.
  • ES6

const: ES6 syntax, declare a variable. And which means it won‘t change because it is constant
JSX:

  1. subset of javascript which looks like html but cannot be interpreted by browser.
  2. JSX could produce HTML
  3. JSX could be compiled into vanilla javascript( which means plain JS without any additional libraries)
ReactDOM.render(<App />, document.querySelector(‘.container‘)); //render component into dom
// transpire would translate JSX into javascript
// <App />is a simple instance of component App

 

const App1 = () => {
    return <div>Hi!</div>;
}
// => equals to keyword:this

 

A Bite Of React(1)

标签:which   word   cannot   with   col   man   import   bit   sele   

原文地址:http://www.cnblogs.com/ninalei/p/7841790.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!