MobX
MobX 是一个经过战火洗礼的库，它通过透明的函数响应式编程(transparently applying functional reactive programming - TFRP)使得状态管理变得简单和可扩展。MobX背后的哲学很简单:
React 和 MobX 是一对强力组合。React 通过提供机制把应用状态转换为可渲染组件树并对其进行渲染。而MobX提供机制来存储和更新应用状态供 React 使用。
对于应用开发中的常见问题，React 和 MobX 都提供了最优和独特的解决方案。React 提供了优化UI渲染的机制， 这种机制就是通过使用虚拟DOM来减少昂贵的DOM变化的数量。MobX 提供了优化应用状态与 React 组件同步的机制，这种机制就是使用响应式虚拟依赖状态图表，它只有在真正需要的时候才更新并且永远保持是最新的。
核心理念
状态是每个应用程序的核心，并且没有更快的方法来创建错误的，无法管理的应用程序，而不是通过产生与周围存在的局部变量不同步的不一致状态或状态。因此，许多状态管理解决方案试图限制您修改状态的方式，例如通过使状态不可变。但这引入了新的问题; 数据需要规范化，不再能保证参照完整性，并且几乎不可能使用像原型这样的强大概念。
MobX通过解决根本问题使状态管理再次变得简单：它使得不可能产生不一致的状态。实现这一目标的策略很简单： 确保可以派生出可以从应用程序状态派生的所有内容。自动。
- 首先，有应用程序状态。构成应用程序模型的对象，数组，基元，引用的图形。这些值是应用程序的“数据单元”。
- 其次有推导。基本上，任何可以从应用程序状态自动计算的值。这些派生或计算值的范围可以从简单的值（如未完成的待办事项的数量）到复杂的东西（如todos的可视化HTML表示）。在电子表格术语中：这些是您的应用程序的公式和图表。
- 反应与推导非常相似。主要区别在于这些函数不产生值。相反，它们会自动运行以执行某些任务。通常这是I / O相关的。他们确保更新DOM或在适当的时间自动生成网络请求。
- 最后还有行动。行动是改变国家的所有事情。MobX将确保由您的操作引起的对应用程序状态的所有更改都由所有派生和反应自动处理。同步无故障。