3、MobX 状态管理：核心概念与实践

MobX 状态管理：核心概念与实践

1. MobX 简介

MobX 可被视为一种更具声明性的 Redux。在 MobX 中，无需使用动作创建器、归约器或中间件来处理动作和生成新状态。动作、副作用（反应）和可观察状态都位于类或模块内部。而且，不需要复杂的 connect() 方法将 React 组件与存储连接起来，简单的 observer() 就能完成工作，无需额外的连接操作。

MobX 简化了与 Redux 相关的工作流程，一些明确的设置不再必要，例如在容器组件中使用 connect() 、使用 reselect 进行记忆化状态选择、动作、归约器以及中间件。

数据、UI 和副作用之间的关系可以用以下流程表示：

graph LR
    A[Action] --> S[State]
    S --> UI[UI]
    S --> SE[Side Effects]

UI 是数据（状态）的可视化表示，同时包含用于更改该状态的交互式控件。UI 触发动作，从而导致状态变化。副作用是由于某些状态变化而触发的外部操作。系统中有观察者会留意特定的状态变化并执行相应的副作用。

2. 技术要求

• 具备 JavaScript 编程语言知识。
• 若要使用相关代码仓库，需要安装 Git。
  代码文件可在 GitHub 上找到：