react 性能优化实践

[MuYunyun]

• 使用 React Profiler，Introducing the React Profiler，有了 React Profiler 后，优化性能会变得直观，比如各个组件渲染的时间，也可以观察组件是否进行了无用的渲染。

• 使用 PureComponent

• 使用不可变数据，在 react 使用 immutable.js 的优势

• 重构与良好设计，性能优化实践之 —— 使用 why-did-you-update

• babel 插件的运用，plugin-transform-react-constant-elements, 它的原理是提升一些不会变的 React 元素的作用域。从而避免重复多次实例化 ReactElement。用于生产环境，开发环境会造成调试困扰。

[snakeUni]

汝之秀，吾何时能及