[S3-E396]使用immutable优化React

文章预览

React在减少重复渲染方面确实是有一套独特的处理办法，那就是虚拟DOM，但显然在首次渲染的时候React绝无可能超越原生的速度，或者一定能将其它的框架比下去。尤其是在优化前的React，每次数据变动都会执行render，大大影响了性能，特别是在移动端。 React 默认的渲染行为 初始化渲染 在初始化渲染时，我们需要渲染整个应用  （绿色 ＝ 已渲染节点） 提出改变 我们想更新一部分数据。这些改变只和一个叶子节点相关（绿色的） 理想更新 我们只想渲染通向叶子节点的关键路径上的这几个节点（绿色的） 默认行为 如果你不告诉 React 别这样做，它便会如此  （橘黄色 ＝ 浪费的渲染） 从上图可以看见，组件除了必要渲染的三个节点外，还渲染了其他不必要渲染的 ………………………………