react性能优化概括简述
- 合理善用componentShouldUpdate;
- 组件传递props的时候,只传递须要的props,尽可能少用{...props},这样会增长虚拟DOM的比较负担;
- 若是要用到bind方法,尽可能所有放到constructror里面,这样bind只会在组件初始化的时候执行一次,若是放到render里面,每一次的render都会执行bind,形成性能上的浪费;
- 相对复杂的页面尽可能不要在一个组件里面写完,细粒度的管理组件有助于提升渲染效率;
- map渲染的组件要使用key,并且key必须是肯定的,不要使用index这类的没法肯定标识一条数据的key;
- 尽可能少用refs或者DOM之类不可控操做;
- 若是能够尽可能使用无状态组件(函数组件);
- React 官方提供了 PureRenderMixin 插件;新版本里直接提供React.PureComponent的基础类(进行的是浅比较,经过使用Immutable.js可以解决对象深比较的问题);
欢迎关注本站公众号,获取更多信息