Implements high-performance React state management patterns using Zustand while enforcing architectural best practices for client-side data.
This skill provides expert guidance for managing client-side state in React applications, focusing on the Zustand library. It establishes a clear hierarchy for state placement—distinguishing between server data, URL parameters, shared UI state, and local component state—to prevent common pitfalls like Context API misuse or unnecessary re-renders. With specific support for Zustand v5, it helps developers implement atomic selectors, middleware like devtools and persist, and stable reference patterns to ensure scalable and performant frontend architectures.
주요 기능
01URL-based state management for shareable filters
020 GitHub stars
03Architectural decision framework for state placement
04Optimized selector strategies using useShallow
05Zustand v5 implementation patterns and migration guides
06Context API anti-pattern prevention
사용 사례
01Implementing persistent UI preferences like themes or sidebar states
02Transitioning from prop-drilling or Context API to a scalable Zustand store
03Decoupling server data from client-side UI state for better performance