store-data-structures

Structure Zustand store data by separating list and detail patterns, using arrays for lists and maps for cached details to ensure efficient state management without mixing list and detail types.

Common pitfalls when designing Zustand store data structures include mixing list and detail types or using database types directly in stores, which reduces state management efficiency and breaks type safety.

Implement immutable updates for detail data in Zustand by using Immer and Redux-style reducers, ensuring cached detail maps are updated efficiently without mutating the existing state.

Use maps instead of arrays in a Zustand store when building features like dashboards with individual item views, allowing you to efficiently cache and update detail data without refetching the entire list.

Define lightweight list types and full detail types for state management using type definitions from @lobechat/types, ensuring the store separates minimal list data from complete cached detail objects.