mobx性能优化

最近刚看开发了个mobx项目,看上去很好的mobx实际测试的性能并不理想,在查阅了一些资料后开始了优化。

具体性能问题表现为
  • 操作延时
  • 渲染次数过多
  • 内存爆表

具体优化如下:

  • 不在view层直接写store操作,而是调用action方法。view层写store不会直接执行,而是在渲染完再执行,官网给的实例是在view中写store因为代码结构简单,而且没有网络延时,所以并没有多少延时。

  • 复杂的二维数组不要observer。在写数组时,mobx会逐条写数组,导致view层重复渲染。最后解决方案是view层不observer,直接用react的生命周期进行优化。

  • obeserver的组件直接shouldComponentUpdate return false,侦听过的组件不会出发这个生命周期,是否双向绑定也不受这个影响,可以直接return false。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容