MobX

MobX 是一个通过运用透明函数式响应编程（Transparent Functional Reactive Programming，TFRP）使状态管理变得更加自动化。MobX 信奉的一个原则是“任何可以从应用状态中派生出来的值都应该被自动派生出来”，这就是的使用 MobX 构建应用状态变得非常简单直接。

在应用上，MobX 没有使用过多的限定规则，甚至 MobX 可以和任意 UI 框架结合使用。MobX 采用注解标注的方式使其能够在运行过程中追踪所有数据的变更和使用，并且 MobX 会将这些被监视追踪的数据形成一个图，并据此来确定那些依赖于状态的计算是否需要进行。

要在 React 项目中使用 MobX，只需要安装以下依赖即可。

npm install mobx mobx-react-lite
yarn add mobx react-mobx-lite

这里出现的 mobx-react-lite 是 MobX 与 React 集成的库，其中提供了 MobX 监控 React 组件渲染等功能。