📘 React 状态管理实战
30 章
⚡ 大型项目 · 从入门到架构
01
状态管理概述
为什么需要
React发展史
Redux/MobX/Zustand/Recoil
02
React原生状态
useState深度
useReducer
Context API & 性能陷阱
03
Redux核心概念
Store/Action/Reducer
单向数据流
纯函数 & 不可变
04
Redux中间件
redux-thunk
redux-saga
redux-observable
05
Redux Toolkit
configureStore
createSlice
createAsyncThunk
RTK Query
06
MobX入门
observable/action
computed/autorun
React集成
07
MobX进阶
mobx-state-tree
模型设计/异步
中间件 & 快照
08
Zustand
极简状态库
create/set/get
中间件/持久化/TS
09
Recoil
原子化状态
selector/atomFamily
selectorFamily/异步
10
Jotai
原子状态
派生状态
Suspense集成/性能
11
Valtio
代理式状态
快照/自动渲染
与Zustand对比
12
状态管理选型
项目规模评估
团队技术栈
性能/学习成本
13
大型项目目录结构
feature-based
模块化/共享类型
工具函数
14
状态分层设计
UI状态/业务状态
服务端缓存
路由状态分离
15
不可变数据实践
Immer.js原理
手动不可变
性能/嵌套更新
16
异步数据流
请求状态管理
缓存/乐观更新
请求取消
17
状态持久化
localStorage/IndexedDB
Redux Persist
Zustand persist
18
跨组件通信
Props drilling
Context/Event Bus
组件组合模式
19
表单状态管理
React Hook Form
Formik/受控非受控
字段级验证
20
路由状态管理
React Router v6
URL参数/查询字符串
嵌套路由状态
21
全局通知与UI状态
Toast/Modal/Loading
主题切换
多语言
22
性能优化
选择器/memoization
状态分片/懒加载
虚拟列表
23
测试状态管理
单元测试Reducer
集成测试Store
Mock异步/Hooks
24
TypeScript集成
类型安全Action
泛型Reducer
类型推断/工具类型
25
微前端状态共享
Module Federation
共享Store/Event Bus
跨应用通信
26
状态管理DevTools
Redux DevTools
MobX DevTools
时间旅行/日志
27
服务端状态管理
React Query/SWR
Apollo Client
缓存失效策略
28
状态管理安全
XSS防护
敏感数据脱敏
权限控制/审计
29
大型项目实战
电商系统状态
实时协作状态
复杂表单状态
30
未来趋势
Server Components
Suspense数据获取
Signal/新范式