state-management
25
总安装量
7
周安装量
#14822
全站排名
安装命令
npx skills add https://github.com/redpanda-data/console --skill state-management
Agent 安装分布
claude-code
6
gemini-cli
5
github-copilot
4
codex
4
opencode
4
antigravity
3
Skill 文档
State Management
Choose the right state solution for each use case.
Activation Conditions
- Managing global state
- Persisting state across navigation
- Cross-component data sharing
- Questions about Zustand vs React Query
Quick Reference
| Action | Rule |
|---|---|
| Read from store | use-zustand-selectors.md |
| Persist state | use-zustand-persist.md |
| Fetch server data | use-react-query-for-server.md |
Decision Tree
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
See rules/ directory for detailed guidance.