Every flavor of React state — atomic, statechart, proxy, store, and ultra-tiny — with guidance on when to reach for which.
5 skills · Works with Claude Code, Codex, Cursor & more
Manage React state with Jotai atoms — primitive, composable units that beat Context + useReducer for derived state, async data, and per-component subscriptions.
claude install-skill community/jotai-state Model complex UI logic with XState v5 state machines and statecharts. Eliminates impossible states, makes async flows explicit, and visualizes app behavior.
claude install-skill community/xstate-machines Manage React application state with Zustand. Creates typed stores, implements middleware (persist, devtools, immer), handles async actions, and designs store architecture for complex applications.
claude install-skill Jeffallan/claude-skills/react-expert Mutate state directly with Valtio's proxy-based store. Reads track automatically, snapshots are immutable, and React re-renders only the components that actually used changed fields.
claude install-skill community/valtio-state Tiny (334 bytes) framework-agnostic state for React, Vue, Svelte, Solid, Preact, and Astro islands. Atoms, maps, and computed stores that share state across multiple frameworks on the same page.
claude install-skill community/nanostores Manage server state in React with TanStack Query. Implements query caching, background refetching, optimistic updates, infinite scroll, pagination, and stale-while-revalidate patterns with full TypeScript support.
claude install-skill Jeffallan/claude-skills/react-expert Build AI-powered applications with RAG, multi-agent systems, prompt engineering, and MCP integrations
Modern warehouse-native data engineering — dbt for transformations, Dagster for orchestration, DuckDB and Polars for fast local analytics, plus pipeline and SQL fundamentals
End-to-end deployment, monitoring, and infrastructure skills for shipping and operating production systems