skills/skills.volces.com/state-architecture

state-architecture

SKILL.md

状态管理架构(State Architecture)

为复杂前端应用设计可扩展的状态管理方案——不只是"用哪个库",而是如何切分、如何同步、如何避免状态腐化。

触发场景

  • 「状态管理怎么设计」「store 越来越乱」「组件间状态共享」
  • 「乐观更新怎么做」「状态和服务端不同步」「跨 tab 同步」
  • 「要不要用状态机」「这个流程状态太复杂了」
  • 新项目技术选型,或现有状态管理出现明显问题

核心原则

状态分类是第一步,选库是第二步。

状态类型 定义 推荐管理方式
服务端状态 来自 API,有缓存/失效/同步问题 React Query / SWR
全局 UI 状态 跨组件共享,与服务端无关(主题、侧边栏、弹层) Zustand / Jotai
Installs
7
First Seen
Apr 23, 2026