store-data-structures

What problem does it solve?

Zustand store design often mixes list data and detailed pages, leading to hard-to-maintain state, duplicated fetches, and poor performance. This Skill guides you to split list state (arrays) from detail state (maps) to enable fast navigation and optimistic updates.

Core Features & Use Cases

• Clear separation of list data (arrays) and detail data (maps) for multiple open pages.
• Use Map for detail pages to cache and update items individually with per-item loading states.
• Reducer-based immutable updates (Immer) and type-safe actions for predictable state changes.
• Strong guidance on computed/UI-friendly list types and documentation practices.

Quick Start

Create a Zustand store slice with a list array named xxxList and a detail map named xxxDetailMap, and implement a reducer to manage set/update/delete of detail entries.