公司的前端架构（nextjs + mobx + typescript ）使用了 mobx 来管理状态。由于抽象的层次比较深，于是我自己弄几个 demo 学习一下。It is based on mobx 6

• installation: yarn/npm install add mobx mobx-react-lite

• gist
• State
• Actions

• Derivtions

• observable 可观察的对象：普通对象、数组、类、循环数据结构或引用。 可以使用 makeAutoObservable 简化。

makeAutoObservable 不能被用于带有 super 的类或 子类。

推断规则：

• 所有 自有 属性都成为 observable。
• 所有 getters 都成为 computed。
• 所有 setters 都成为 action。
• 所有 prototype 中的 functions 都成为 autoAction。
• 所有 prototype 中的 generator functions 都成为 flow。（需要注意，generators 函数在某些编译器配置中无法被检测到，如果 flow 没有正常运行，请务必明确地指定 flow 注解。）
• 在 overrides 参数中标记为 false 的成员将不会被添加注解。例如，将其用于像标识符这样的只读字段。