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

Cree un estado global con seguridad de tipos en aplicaciones React con Zustand. Admite TypeScript, middleware persistente, herramientas de desarrollo, patrón de cortes y Next.js SSR. Úselo al configurar el estado de React, migrar desde Redux/Context API, implementar la persistencia de localStorage o solucionar problemas de hidratación de Next.js, problemas de inferencia de TypeScript o bucles de renderizado infinitos. Fuente: ovachiever/droid-tings.

Ver original