react组件优化

Posted vicky24k

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了react组件优化相关的知识,希望对你有一定的参考价值。

原则:减少重复渲染和新对象的生成

  • 方法在构造器里bind
  • 同级的列表组件加key
  • 属性传递中传递尽量少的属性
  • shouldComponentUpdate 和 pureComponent (浅比较,因为递归对比复杂度太高,影响性能)
  • immutable.js:不可变数据结构,节省内存,降低可变带来的复杂度
        优点:减少内存使用,并发安全,降低项目复杂度,便于比较复杂数据,定制shouldComponentUpdate方便,时间旅行方便,函数式编程
        缺点:学习成本,库大,对现有项目入侵太严重

  • HOC

以上是关于react组件优化的主要内容,如果未能解决你的问题,请参考以下文章

细说React组件性能优化

细说React组件性能优化

细说React组件性能优化

细说React组件性能优化

细说React组件性能优化

细说React组件性能优化