初入react.js

前端的框架有很多，其中常用的有vue.js、jQuery.js和react.js等，下面隆重介绍一下今天的主角react.js：

一、我们会选择react，那它到底有什么不一样的地方？

它是一个用于创建，可复用、可聚合的web组件js库，我们普遍认为，在react中，只提供了MVC框架中的“V”。

二、react有什么特点？

1、声明式设计：React采用声明式设计，可轻松描述应用。

2、高效：React通过对DOM的模拟，最大限度减少与DOM交互。

3、灵活：React可以与已知的库、框架很好的配合。

4、JSX：JSX是JavaScript的语法拓展，React开发不一定使用JSX，但是我们推荐使用JSX。

5、组件：通过React构建组件，使得代码更容易得到复用，能够很好的应用到大型项目中。

6、单向响应数据流：React实现了单向数据绑定，减少了重复代码，所以它比传统数据绑定更简单。

三、单向数据流的含义？

数据一单更新，就会直接重新渲染整个APP。

四、React的渲染方式与传统的渲染方式的不同？

1、传统的渲染方式：

①浏览器请求页面

②服务器请求数据库

③将数据传给模板

④模板渲染页面

2、React的渲染方式：

①用户输入

②从API获取数据

③将数据传给顶层组件

④React将每个组件渲染出来

3、总结

React的这种渲染方式，使得我们不会再看到双向数据绑定，数据模型的检查，确切的DOM操作；我们可以感受到，它可以让每个组件都有对应的功能，可以预测到结果，组件之间的关系也更加清晰。

一个React组件可以理解成一个独立的函数，接收参数（props），可复用也可传递，最后返回结果（渲染组件）。

五、虚拟DOM

在React中，有一个最大的特点就是虚拟DOM树，今天简单说一下，之后会另写一篇专门介绍虚拟DOM。

在JavaScript中，它虽然很快，但是DOM操作却很慢很慢，所以React中，有了虚拟DOM这个概念，那么它在每一次更新时都会做什么呢？

1、React重建DOM树

2、然后找到与上个版本的DOM的差异

3、再就是计算出最新的DOM更新操作

4、从操作队列中批量的执行DOM更新操作

六、运行环境

React可在node.js中运行（服务器端）