State Management Patterns

State Management Patterns A comprehensive pattern library for managing complex state in React applications using Zustand, Jotai, and React Query. Covers the patterns that matter in production: optimistic updates with rollback, multi-tab sync, cache invalidation, real-time WebSocket state, and offline-first persistence. Each pattern includes standalone code, an architecture decision record, and TypeScript types that make impossible states unrepresentable. Key Features Zustand Store Patterns — Slice architecture, middleware composition, devtools, and persistence Jotai Atomic State — Derived atoms, async atoms, atom families, and atom composition React Query Server State — Query key factories, optimistic mutations, infinite scroll, and prefetching Optimistic Updates — Instant UI feedback with server reconciliation and automatic rollback on failure Real-Time Sync — WebSocket event handlers that merge server pushes into client state without race conditions Offline-First Persistence — Indexe