state-management
Manage client and server state with Zustand stores and React Query patterns.
ソース情報
- リポジトリ
- redpanda-data/console
- ソースの最終更新活動
- 2026年2月17日 19:13
- 検出された SKILL.md の言語
- 英語
- スター
- 4,336
- フォーク
- 431
インストール方法
デフォルトでは、最初にソースを確認する Prompt が選択されています。直接コマンドに切り替えるか、ローカルコピーをダウンロードすることもできます。
ソースファイルを確認
インストールを決める前に、SKILL.md と SkillsMP に表示されている付属ファイルをお読みください。
ファイルエクスプローラー
4 ファイルSKILL.md を表示中
SKILL.md
ソースの指示 · 読み取り専用プレビュー- name
- state-management
- description
- Manage client and server state with Zustand stores and React Query patterns.
# 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.
GitHubで見る