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,渲染即可。 因此数据的流动改变是非常清晰的。