zustand-state-management

SKILL.md

Status: Production Ready ✅ Last Updated: 2025-10-24 Latest Version: zustand@5.0.8 Dependencies: React 18+, TypeScript 5+

CRITICAL: Notice the double parentheses create ()() - this is required for TypeScript with middleware.

✅ Use create ()() (double parentheses) in TypeScript for middleware compatibility ✅ Define separate interfaces for state and actions ✅ Use selector functions to extract specific state slices ✅ Use set with updater functions for derived state: set((state) => ({ count: state.count + 1 })) ✅ Use unique names for persist middleware storage keys

Zustand를 사용하여 React 애플리케이션에서 유형이 안전한 전역 상태를 구축하세요. TypeScript, 지속 미들웨어, devtools, 슬라이스 패턴 및 Next.js SSR을 지원합니다. React 상태 설정, Redux/Context API에서 마이그레이션, localStorage 지속성 구현, Next.js 수화 오류, TypeScript 추론 문제 또는 무한 렌더링 루프 문제 해결 시 사용합니다. 출처: ovachiever/droid-tings.

원본 보기