细粒度拆分视图组件
使用专用组件处理列表
尽可能晚地解构可观察数据
提升渲染性能的三大法则
react 提升性能三大法则
优化mobx在react中的使用
尽可能细地拆分组件,因为组件被observer之后在数据变动时会自动重新渲染,而越细小的部分重渲染会比大组件的性能损耗小
使用单独的组件处理列表(就不用在大组件里整个重新渲染了)
尽可能晚地取出可观察数据值(在划分到最细的组件里取)
性能优化三大法则
尽可能晚地取出可观察数据值
用单独的组件映射集合
尽可能细地拆分视图组件
尽可能晚地取出可观察数据的值
用单独的组件映射集合,处理列表
尽可能细的拆分视图组件
(优化react组件的法则)
缺陷:
避免不必要的重渲染
mobx提升性能