React patterns critical
React State Management
React state management patterns for choosing between useState, Context, Zustand, and TanStack Query based on state type and complexity.
- Difficulty
- intermediate
- Read time
- 1 min read
- Version
- v1.0.0
- Confidence
- established
- Last updated
Quick Reference
React State: Server state = TanStack Query (caching, sync). Client UI state = useState/useReducer. Shared client state = Context (simple) or Zustand (complex). Don't use Redux/Zustand for API data. Keep stores small. Zustand: no providers, slices pattern, persist/devtools middleware.
Use When
- Choosing state management approach
- Managing server data in React
- Sharing state between components
- Complex client-side state
Skip When
- Simple single-component state
- Server-only rendering
React State Management
React state management patterns for choosing between useState, Context, Zustand, and TanStack Query based on state type and complexity.