Skill

role-frontend:state-management

State management expertise including local vs global state decisions, Redux Toolkit, Zustand, Jotai, MobX, Context API patterns, server state (React Query, SWR) vs client state, optimistic updates, and state machines with XState.

Install

npx claudepluginhub rnavarych/alpha-engineer --plugin role-frontend

Tool Access

This skill is limited to using the following tools:

ReadGrepGlobBash

Preview

- Deciding where state lives — local, global, server cache, URL, or form

Supporting Assets

references/global-state-zustand-jotai-redux.mdreferences/react-state-primitives.mdreferences/server-state-tanstack-query.md

SKILL.md

Similar Skills

skill-lookup

Searches, retrieves, and installs Agent Skills from prompts.chat registry using MCP tools like search_skills and get_skill. Activates for finding skills, browsing catalogs, or extending Claude.

prompts.chat

157.6k

prompt-lookup

Searches prompts.chat for AI prompt templates by keyword or category, retrieves by ID with variable handling, and improves prompts via AI. Use for discovering or enhancing prompts.

prompts.chat

157.6k

Agent Development

6 files

Guides agent creation for Claude Code plugins with file templates, frontmatter specs (name, description, model), triggering examples, system prompts, and best practices.

plugin-dev

83.2k

Stats

Parent Repo Stars9

Parent Repo Forks0

Last CommitMar 3, 2026

Actions

View Source View Plugin View on GitHub View README

When to use

Deciding where state lives — local, global, server cache, URL, or form

Setting up Zustand, Jotai, or Redux Toolkit stores

Replacing axios+useState patterns with TanStack Query

Implementing optimistic updates for mutations

Building complex UI flows with XState state machines

Migrating from Redux to Zustand, or Context to a proper store

Diagnosing unnecessary re-renders from over-broad state subscriptions

Core principles

Server state belongs in TanStack Query or SWR — never duplicate API data in a client store

URL is state too — pagination, filters, search: use nuqs or router search params

Keep it local as long as possible — global state is a last resort, not a default

Selectors prevent re-renders — subscribe to slices, not the whole store

XState for impossible states — if "loading" and "error" can't coexist, the machine enforces it

Reference Files

references/react-state-primitives.md — state category decision table, useState/useReducer patterns, useContext (when/when not), useSyncExternalStore, React 19 use(), stale closure prevention

references/server-state-tanstack-query.md — TanStack Query v5 queries, optimistic mutations with onMutate/onError/onSettled, infinite queries, prefetch on hover, SWR alternative

references/global-state-zustand-jotai-redux.md — Zustand with immer/persist/devtools middleware, granular selectors, Jotai atom composition, RTK createSlice/createEntityAdapter, URL state with nuqs, React Hook Form + Zod, XState machines, Preact signals, anti-patterns

State Management

When to use

Deciding where state lives — local, global, server cache, URL, or form
Setting up Zustand, Jotai, or Redux Toolkit stores
Replacing axios+useState patterns with TanStack Query
Implementing optimistic updates for mutations
Building complex UI flows with XState state machines
Migrating from Redux to Zustand, or Context to a proper store
Diagnosing unnecessary re-renders from over-broad state subscriptions

Core principles

Server state belongs in TanStack Query or SWR — never duplicate API data in a client store
URL is state too — pagination, filters, search: use nuqs or router search params
Keep it local as long as possible — global state is a last resort, not a default
Selectors prevent re-renders — subscribe to slices, not the whole store
XState for impossible states — if "loading" and "error" can't coexist, the machine enforces it

Reference Files

references/react-state-primitives.md — state category decision table, useState/useReducer patterns, useContext (when/when not), useSyncExternalStore, React 19 use(), stale closure prevention
references/server-state-tanstack-query.md — TanStack Query v5 queries, optimistic mutations with onMutate/onError/onSettled, infinite queries, prefetch on hover, SWR alternative
references/global-state-zustand-jotai-redux.md — Zustand with immer/persist/devtools middleware, granular selectors, Jotai atom composition, RTK createSlice/createEntityAdapter, URL state with nuqs, React Hook Form + Zod, XState machines, Preact signals, anti-patterns