React 构成理解

一、React不遵循MVC框架

二、 虚拟DOM机制

Web开发中需要将实时变化的数据反映在UI上，频繁的DOM操作对性能影响较大。React为此引进了虚拟DOM机制，在浏览器用JavaScript实现了一套DOM API。每当数据变化时React会重新构造DOM树，然后将当前DOM树与上一个进行对比，仅仅修改变化的部分。而且React能够批处理变化元素，尽管每次都要重新构造虚拟的DOM树，但是由于在内存中完成，因此性能较高。因此开发者就只需要关注在数据状态的变化下整个界面是如何渲染，而不需要关注每个元素是如何变化的。

总而言之就是传统的Web开发在更新页面信息时需要刷新整个页面，而react则只需要局部更新元素即可。

三、组件化

虚拟DOM也带来了组件化的开发思想，将有独立功能的UI部件封装起来，将每个功能相对独立的模块定义成组件

四、 环境

可以将React的语法直接写在HTML页面中，使用babel标记标明类型，然后引入script包将其转化为真正的js语言在浏览器上运行。但是这一步时间较长，一般在服务器上完成，将写好的jsx代码使用webpack打包，并在打包时使用jsx-loader将其转化为js文件，直接引入前端文件。

另外React支持ES6语法，可以使用class，extend ，super等关键字定义类。

参考http://www.cocoachina.com/webapp/20150721/12692.html