React是facebook 公司开发一款js框架
> 渐进式框架：
> react的核心模块只有 react / react-dom，其中react是核心，react-dom是用来渲染真实DOM的；
> 真实项目中，我们根据业务需求可能需要其余的react操作部分，我们再单独安装即可：react-router、react-redux...
>
JSX语法：JSX独有的js xml(html) 混合
1、不能直接的被浏览器识别，需要经过(webpack+babel转ES5) 关键需要 babel-preset-react 编译
2、每一次RENDER只能渲染一个JSX元素或者一个组件（如果有多个需要在最外层包裹一个容器(div)
3、给每一个元素设置的属性中 class 需要使用 className 代替
4、style的属性值不能是字符串，需要是一个对象
5、JSX语法中的大括号是一个“语法糖”：大括号中包含的是JS代码，但是代码必须有返回值，可以是一个JS数据值，也可以是一个新的JSX元素
6、所有经过循环创建的JSX元素都需要设置一个KEY属性，属性值是唯一的
JSX元素(虚拟DOM元素)到HTML元素(真实DOM元素)解析的原理
1、基于babel(preset-react语法模块)把JSX语法变为ES6语法
babel转义的时候,遇到一个单独的HTML标签，都会把其他单独的转义为React.createElement()这种模式:
每一个标签都有一个自己对应的createElement
。。。。。。。未完
组件：能够被重复使用的都可以被称之为组件，REACT设计的初衷就是组件开发，我们基于REACT创建一个个的组件，最后由N多组件共同组成一个完整的应用
*
* 1、函数声明式创建组件
* 2、基于React的Component组件类来创建组件（最常用的）
this:当前组件(类)的实例
* context:{} 后面的高阶组件就是基于这个完成的
* props:{} 当前组件的属性(调取组件时候传递的信息)
* refs:{} (非受控组件)
* state:null (受控组件) 组件的状态
控组件:
我们把视图中的数据是通过STATE状态来管控的组件，称之为受控组件
* =>MVVM 双向数据交互的思想
非受控组件：不受状态管控，有DOM直接进行操作的