react组件化

1：什么是react？
（1）react是一个用于构建用户界面的JS库
（2）核心专注于视图，目的实现组件化开发
2：组件化概念：
我们可以很直观的将一个复杂的页面分割成若干个独立的组件，每个组件包含自己的逻辑和样式，再将这些独立组件组合成完成一个复杂的页面，这样既减少了逻辑复杂度，有实现了代码的重用；
（1）可组合：一个组件可以和其它的组件一起使用，或者可以直接嵌套再另外一个组件内部
（2）可重用：每个组件都是具有独立功能的，可以被使用在多个场景中
（3）可维护：每个小的组件仅仅包含自身的逻辑，更加容易被理解和维护
3：react开发环境：

cnpm install create-react-app -g
create-react-app <project-name>
cd <project-name> 
cnpm start

(1)名称不能大写，名称不能是react , reactt-dom , react-scripts;

(2)启动界面

4：生成的项目可以自动刷新，
5：常见错误
（1）eslint， jshint关闭验证代码是否符合规范，
（2）JS版本ES6或者react JSX
6：public下有一个index.html，src下要保证有一个index.js;最后会将文件打包到index.html中

7：
（1）react由2部分组成，一个叫react包，一个叫react-dom，语法都是ES6
（2）import语法要放置到页面的最顶部
（3）reacDOM中就一个方法比较常用叫render
（4）react元素，JSX元素 js+XML.html也是xml的一种 js+html
（5）jsx html部分和原生html基本一样，不是完全一样
（6）jsx是一个语法糖，最后会通过babel转义
先将jsx转化成react元素，将react元素变成一个对象；通过render方法渲染出一个对象；