zustand

What problem does it solve?

This Skill provides a comprehensive guide to managing client-side state effectively using the Zustand library, ensuring organized, performant, and maintainable application state.

Core Features & Use Cases

• Store Design: Learn best practices for creating and structuring Zustand stores, including domain-specific separation and distinguishing client vs. server state.
• Selector Patterns: Optimize re-renders by subscribing only to necessary state slices using selectors and useShallow.
• Middleware Integration: Implement persistence, devtools, and Immer for enhanced state management capabilities.
• Slice Pattern: Organize large stores by combining smaller, focused slices.
• Use Case: When building a complex React application, use this Skill to structure your global state for user authentication, UI preferences, and shopping cart data in a scalable and efficient manner.

Quick Start

Use the zustand skill to create a new store for managing user authentication state, including login and logout actions.