Data Flow in Different State Models
Server data, URL state, local state, and global stores — when to use Zustand vs Jotai vs Context vs Redux, and why most state belongs nowhere near a global store.
Animate: Data Flow in Different State Models
Step through the flow one stage at a time and watch the data move.
Reading State Management is free. Pro unlocks the other four modes on all Frontend (React) topics, so you can go from understanding it to building it.
- SeeThe architecture as diagrams, so you can hold the whole system in your head.
- AnimateStep through the flow one stage at a time and watch the data move.
- TestScenario questions with explanations that show exactly where your model of it breaks.
- BuildA guided implementation with code you can run and adapt for production.
Continue reading
All Frontend (React) articles →Next.js 16 App Router: Layouts, Cache Components, and the New Mental Model
File conventions (page, layout, loading, error), async params, route groups, parallel and intercepting routes, Cache Components with use cache, and Proxy.
TanStack Query v5: Server-Cache State Done Right
Query keys, staleTime vs gcTime, useSuspenseQuery, optimistic updates with rollback, and how to compose React Query with Next.js 16 Server Components.
React Server Components in Next.js 16: The Boundary Mental Model
Server Components vs Client Components vs SSR — what runs where, how the boundary works, and the React 19 + Next.js 16 patterns for forms, mutations, and streaming.
Discussion
Sign in to share your feedback and join the discussion.