zustand-state-management

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

Crea uno stato globale indipendente dai tipi nelle applicazioni React con Zustand. Supporta TypeScript, middleware persistente, devtools, pattern di sezioni e Next.js SSR. Da utilizzare durante l'impostazione dello stato React, la migrazione dall'API Redux/Context, l'implementazione della persistenza localStorage o la risoluzione dei problemi di errori di idratazione di Next.js, problemi di inferenza di TypeScript o loop di rendering infiniti. Fonte: ovachiever/droid-tings.