state-architecture
SKILL.md
状态管理架构(State Architecture)
为复杂前端应用设计可扩展的状态管理方案——不只是"用哪个库",而是如何切分、如何同步、如何避免状态腐化。
触发场景
- 「状态管理怎么设计」「store 越来越乱」「组件间状态共享」
- 「乐观更新怎么做」「状态和服务端不同步」「跨 tab 同步」
- 「要不要用状态机」「这个流程状态太复杂了」
- 新项目技术选型,或现有状态管理出现明显问题
核心原则
状态分类是第一步,选库是第二步。
| 状态类型 | 定义 | 推荐管理方式 |
|---|---|---|
| 服务端状态 | 来自 API,有缓存/失效/同步问题 | React Query / SWR |
| 全局 UI 状态 | 跨组件共享,与服务端无关(主题、侧边栏、弹层) | Zustand / Jotai |