state-management

状态管理

为每种使用场景选择合适的状态解决方案。

适用条件

• 管理全局状态
• 在导航过程中持久化状态
• 跨组件共享数据
• 关于 Zustand 与 React Query 的问题

快速参考

操作	规则
从 store 读取数据	use-zustand-selectors.md
持久化状态	use-zustand-persist.md
获取服务端数据	use-react-query-for-server.md

决策树

Is it server data (API response)?
├── Yes → React Query / Connect Query
│         (caching, refetching, invalidation)
└── No → Is it URL state?
    ├── Yes → React Router
    │         (search params, path params)
    └── No → Is it form state?
        ├── Yes → React Hook Form
        │         (validation, submission)
        └── No → Is it shared across components?
            ├── Yes → Zustand
            │         (global, persisted)
            └── No → useState / useReducer
                      (local component state)

规则

详细指南请参阅 rules/ 目录。