状态管理与 Redux

状态管理 redux

• Redux 核心（store/reducer/action）
  • Store
  • Action
  • Reducer
  • Middleware
• 工作流
  • 触发 Action
  • Reducer 计算
  • 更新 Store
  • 组件订阅
• React-Redux 用法
  • Provider
  • useSelector
  • useDispatch
• 中间件（redux-thunk/saga）
• 与 Context 的区别

包含

• 用 Redux 实现一个购物车状态管理，对比 Redux Toolkit 与原生 Redux 的差异
• 用 Redux + React-Redux 实现 “待办列表”（新增、删除、切换完成状态）
• 配置 Redux-Thunk 中间件，实现 “异步请求待办数据”

问题

• Redux 的三大原则是什么？
• Redux-Thunk 和 Redux-Saga 的区别是什么？各自适用场景？

状态管理 MObX/Zustand

• MObX 核心思想
  • 响应式
  • 可观察对象
  • 动作
• MobX 用法
  • makeAutoObservable
  • observer 高阶组件
• Zustand 用法
  • 创建 Store
  • 组件订阅
  • 中间件

包含

• 用 MobX 实现 “购物车”（添加商品、修改数量、计算总价）
• 用 Zustand 实现 “用户登录状态管理”（登录、登出、持久化存储）

问题

• MobX 和 Redux 的核心区别是什么？大厂更倾向于用哪种？
• Zustand 相比 Redux 的优势是什么？为什么越来越受欢迎？