初识React

React为何物？

• Facebook的开源项目；
• 外界普遍定义它为一个可用于浏览器、服务器、移动设备上的纯JavaScript库；
• 在Justin Deal看来，react也是一个使用JavaScript和XML技术构建可组合用户界面的引擎，因为React渲染界面的方式和游戏引擎渲染的工作方式十分相似。

核心作用

创建可组合用户界面，减少创建和维护用户界面的复杂性，换句话说，也就是将UI变成易于重用、扩展和维护的组件与自包含的、关注特定用途的构件。

React的优点

• 上手快
• 响应式渲染而非传统绑定技术，以一种声明的方式，来定义组件的外观和行为。没次在状态数据发生改变时就真的重新渲染整个用户界面，在性能上是不可接受的，而react使用了一种存在于内存的轻量级DOM表示法，被称为“虚拟DOM”。处理这种虚拟DOM要比传统处理DOM要来的快而且更加高效。由于用户交互或者数据的获取从而导致应用程序状态发生改变时，React能快速地将UI的当前状态与期望的状态进行比较，然后计算出要对真实DOM所需的更改量减少到最小。
• 纯JS进行面向组件开发， React致力于显示逻辑和HTML标记的高度粘合，同时实现UI，并通过每个关注点创建离散的、良好封装的、可重用的组件，以实现关注点分离。

PS：以前，关注点分离是通过在不同部分使用不同的语言来强制实现的：内容结构使用HTML，样式使用CSS，逻辑行为使用JS。

• 文档模型抽象体现，React内置了一个UI轻量级的表现模型，以抽象出UI底层的文档模型。这样，不论在web页面还是在原生的IOS和Android界面上，都可以使用同样的原则渲染HTML。这种抽象体现会带来两种特性：
  
  1. 事件在所有浏览器和设备商都会以一种统一、标准的方式，自动地使用代理来达到行为的一致性
  2. 能实现SEO和更好的性能，而且React组件也能你在服务器上被渲染。