react组件优化

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

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

  • HOC