码迷,mamicode.com
首页 > 其他好文 > 详细

react组件优化

时间:2019-11-02 23:39:19      阅读:123      评论:0      收藏:0      [点我收藏+]

标签:原则   复杂度   方便   bsp   性能   重复   使用   对象   imm   

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

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

  • HOC

react组件优化

标签:原则   复杂度   方便   bsp   性能   重复   使用   对象   imm   

原文地址:https://www.cnblogs.com/vicky24k/p/11784744.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!