Zustand v5 is a lightweight global state manager for React built on useSyncExternalStore. Requires React 18+ (uses useSyncExternalStore internally). When using createWithEqualityFn, install use-sync-external-store as a peer dependency. It provides type-safe stores, atomic selectors for minimal re-renders, composable middleware (persist, devtools, immer, subscribeWithSelector), and a slices pattern for large applic...
When to use: Client-side global state, persistent user preferences, complex multi-domain stores, cross-component state sharing, vanilla (non-React) state management.
When NOT to use: Server state with caching needs (use TanStack Query), single-component state (use useState), simple prop drilling scenarios.
React용 Zustand v5 상태 관리. 이중 괄호 구문이 포함된 TypeScript 저장소, 하이드레이션 처리가 포함된 지속 미들웨어, devtools, subscribeWithSelector, 대규모 앱용 슬라이스 패턴, SSR/Next.js 공급자 패턴, immer 미들웨어, 자동 생성 선택기, 테스트 및 바닐라 저장소를 다룹니다. 전역 상태 설정, 지속 미들웨어 구성, 슬라이스 패턴 구현, Redux 또는 Context에서 마이그레이션, 저장소 테스트, 하이드레이션 및 TypeScript 문제 해결 시 사용합니다. 출처: oakoss/agent-skills.