Mobx简要学习

简要的学习了解Mobx。

传统的React使用的数据管理库为Redux。Redux要解决的问题是统一数据流,数据流完全可控并可追踪。要实现该目标,便需要进行相关的约束。

Redux由此引出了dispatch action reducer等概念,对state的概念进行强约束。然而对于一些项目来说,太过强,便失去了灵活性。Mobx便是来填补此空缺的。

这里对Redux和Mobx进行简单的对比:

  1. Redux的编程范式是函数式的而Mobx是面向对象的;
  2. 数据上来说Redux理想的是immutable的,每次都返回一个新的数据,而Mobx从始至终都是一份引用。因此Redux是支持数据回溯的;
  3. 和Redux相比,使用Mobx的组件可以做到精确更新,这一点得益于Mobx的observable;对应的,Redux是用dispath进行广播,通过Provider和connect来比对前后差别控制更新粒度,有时需要自己写SCU;Mobx更加精细一点。

看了几篇文章:

Mobx学习总结

对比Mobx解决方案与Redux如何选择

为何用Redux转到Mobx