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

Créez un état global de type sécurisé dans les applications React avec Zustand. Prend en charge TypeScript, le middleware persistant, les outils de développement, le modèle de tranches et Next.js SSR. À utiliser lors de la configuration de l'état React, de la migration depuis l'API Redux/Context, de la mise en œuvre de la persistance localStorage ou du dépannage des erreurs d'hydratation Next.js, des problèmes d'inférence TypeScript ou des boucles de rendu infinies. Source : ovachiever/droid-tings.

Voir l'original