Expert guidance for state management in advanced Next.js (App Router) projects: where state should live (server, URL, cookies, server-state cache, store, reducer, local), how to shape it (finite states, normalization, derive-don't-sync), the React 19 / Next 15 state primitives (useActionState, useOptimistic, useTransition, use(promise), useSyncExternalStore), how server mutations and cache invalidation drive client state, and how to refactor cascading useEffects into event-driven reducers. Use when modeling state, designing forms, picking a state library, wiring TanStack Query with SSR hydration, syncing state to the URL, applying optimistic updates, or debugging stale or duplicated state.
Install with
Claude CodeCodexCursorGitHub CopilotGemini CLI
Supported by the Atlas install prompt. Skill-specific requirements vary.
Skill stats
Skills1CategoryEngineeringStars0
About this skill
Expert guidance for state management in advanced Next.js (App Router) projects: where state should live (server, URL, cookies, server-state cache, store, reducer, local), how to shape it (finite states, normalization, derive-don't-sync), the React 19 / Next 15 state primitives (useActionState, useOptimistic, useTransition, use(promise), useSyncExternalStore), how server mutations and cache invalidation drive client state, and how to refactor cascading useEffects into event-driven reducers. Use when modeling state, designing forms, picking a state library, wiring TanStack Query with SSR hydration, syncing state to the URL, applying optimistic updates, or debugging stale or duplicated state.
Quick start
Copy the install prompt. Use the green button above this README.
Send it to your agent. Paste it into your coding agent’s chat and send.
Review the setup. Your agent checks the skill’s instructions, requirements, and installation scope.
Expert guidance for state management in advanced Next.js (App Router) projects: where state should live (server, URL, cookies, server-state cache, store, reducer, local), how to shape it (finite states, normalization, derive-don't-sync), the React 19 / Next 15 state primitives (useActionState, useOptimistic, useTransition, use(promise), useSyncExternalStore), how server mutations and cache invalidation drive client state, and how to refactor cascading useEffects into event-driven reducers. Use when modeling state, designing forms, picking a state library, wiring TanStack Query with SSR hydration, syncing state to the URL, applying optimistic updates, or debugging stale or duplicated state.
About this listing
Category
Engineering
Reported license
MIT
Listing language (estimated)
English
Review status
Not individually reviewed
Agent compatibility
Atlas installation supports Claude Code, Codex, and Cursor. Skill-specific dependencies and features are checked during setup.