What problem does it solve? Managing client-side state in React applications often leads to infinite render loops, unnecessary re-renders, and insecure data persistence. This Skill provides proven Zustand 5 patterns that prevent these issues while keeping state logic functional and predictable. ## Core Features & Use Cases - Re-render Prevention: Enforces atomic selectors and useShallow to eliminate infinite loops and wasted renders caused by unstable object references. - Secure Persistence: Guides session-isolated storage using sessionStorage and partialize to avoid leaking user data through localStorage. - Modular Architecture: Demonstrates the slice pattern for combining independent state domains into a single typed root store, plus async actions with explicit error handling. - Use Case: When building a multi-step checkout wizard, use this Skill to create a persisted store that survives refreshes within the tab session, resets cleanly on completion, and never triggers "Maximum update depth exceeded" errors. ## Quick Start Create a Zustand store for my shopping cart with add, remove, and reset actions following best practices.
