zustand_state

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

Configuración probada en producción para la gestión del estado de Zustand en React. Incluye patrones para persistencia, herramientas de desarrollo y patrones de TypeScript. Evita desajustes de hidratación y bucles de renderizado. Fuente: vuralserhat86/antigravity-agentic-skills.

Ver original