关于react需要知道的几个概念

react必须搞懂的4个概念

	1. component
	2. jsx
	3. vistual DOM
	4. Data Flow

component 组件

react的组件化管理。

jsx

javascript xml

Vistual DOM （虚拟DOM）

渲染流程： HTML DOM --> 创建渲染树 --> layout --> 绘制

对于大型复杂的项目来说，每一次dom有所更新，整个渲染流程都将重新加载，此时会有很多计算。 所以会导致效率很低。

而react中。 当接收到render通知的时候(后面会讲什么时候会重新render)，会先告诉virtual dom，virtual dom会进行diff算法。 等diff完成后，会通知真实的DOM哪些改变了。

此部分转载于：http://www.zcfy.cc/article/the-one-thing-that-no-one-properly-explains-about-react-why-virtual-dom-hashnode-1211.html

Data Flow（数据流）

数据流，是react一个主要的特点。 

react的数据流向是单向的，只能从父元素传到子元素。即：组件只需从父节点获取props，渲染即可。 因此数据的流动改变是非常清晰的。