state-management-flow

What problem does it solve?

Fragmented UI state across components leads to prop drilling, inconsistent data, and hard maintenance. This skill provides a structured approach to centralize state using Zustand or Redux to create predictable, scalable state flows.

Core Features & Use Cases

• Centralized store architecture: Create a dedicated /store directory and adopt a slice-based pattern to separate concerns.
• Scalability and performance: Use memoized selectors and shallow comparisons to reduce rerenders in complex UIs.
• Practical use cases: Manage UI modals, forms, and cross-cutting data sharing across nested components in dashboards and editors.

Quick Start

Create a dedicated /store directory and scaffold a Zustand or Redux store to centralize UI state across components.