zustand

What problem does it solve?

Zustand provides a simple, scalable approach to managing React app state via a centralized store, reducing prop drilling and boilerplate while enabling clean, slice-based organization.

Core Features & Use Cases

• Action Type Hierarchy: Public actions, internal actions, and dispatch methods for clear separation of concerns.
• Reducer vs Simple set: Guidance on when to use reducers, hooks, or simple setters to manage complex vs simple state.
• Optimistic Update Pattern: Patterns for optimistic UI updates and subsequent data refresh.
• Naming Conventions: Consistent naming for actions (public/internal/dispatch) and state fields.
• Guides & References: In-depth references on store organization and slices for scalable codebases.

Quick Start

Create a Zustand store with slices for UI topics and messages, implement public actions and internal dispatchers, and begin integrating it into components.