state-management
Manage client and server state with Zustand stores and React Query patterns.
Quellinformationen
- Repository
- redpanda-data/console
- Letzte Quellaktivität
- 17. Februar 2026 um 19:13
- Erkannte Sprache von SKILL.md
- Englisch
- Sterne
- 4.347
- Forks
- 433
Installationsoptionen
Standardmäßig ist der Prompt ausgewählt, der zuerst die Quelle prüft. Sie können zu einem direkten Befehl wechseln oder eine lokale Kopie herunterladen.
Quelldateien prüfen
Lesen Sie SKILL.md und alle von SkillsMP angezeigten Begleitdateien, bevor Sie sich für eine Installation entscheiden.
Datei-Explorer
4 DateienSKILL.md wird angezeigt
SKILL.md
Quellanweisungen · Schreibgeschützte Vorschau- 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.
Auf GitHub ansehen