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

Erstellen Sie mit Zustand einen typsicheren globalen Zustand in React-Anwendungen. Unterstützt TypeScript, persistente Middleware, Devtools, Slices-Pattern und Next.js SSR. Verwenden Sie diese Option, wenn Sie den React-Status einrichten, von der Redux/Context-API migrieren, die LocalStorage-Persistenz implementieren oder Next.js-Hydrationsfehler, TypeScript-Inferenzprobleme oder Endlos-Renderschleifen beheben. Quelle: ovachiever/droid-tings.

Original anzeigen