react-state-management

Master modern React state management with Redux Toolkit, Zustand, Jotai, and React Query. Use when setting up global state, managing server state, or choosing between state management solutions.

1.15x

Quality

66%

Does it follow best practices?

Impact

81%

1.15x

Average score across 3 eval scenarios

Securityby

Passed

No known issues

Optimize this skill with Tessl

npx tessl skill review --optimize ./plugins/frontend-mobile-development/skills/react-state-management/SKILL.md

Evaluation results

100%

20%

E-Commerce Platform: Global State Foundation

Redux Toolkit TypeScript store setup

Criteria

Without context

With context

Typed AppDispatch hook

100%

Typed AppSelector hook

100%

RootState type export

100%

createAsyncThunk with rejectWithValue

100%

Status field in async slice

100%

Error field in async slice

100%

extraReducers builder pattern

100%

Immer mutation syntax

100%

configureStore middleware

100%

serializableCheck ignoredActions

100%

TypeScript interfaces for state

100%

Inventory Management: Real-Time Product Data Layer

React Query server state with optimistic updates

Criteria

Without context

With context

Query keys factory

100%

staleTime configured

100%

gcTime used (not cacheTime)

100%

enabled option for conditional fetch

100%

cancelQueries in onMutate

100%

Snapshot previous value in onMutate

100%

Optimistic cache update in onMutate

100%

Rollback on error

100%

Invalidate on settled

100%

Server state not duplicated in client store

100%

@tanstack/react-query import

100%

45%

13%

Project Tracker: Frontend State Architecture

Zustand store selection and scalable setup

Criteria

Without context

With context

Zustand chosen for client state

devtools middleware applied

persist middleware applied

persist name option

StateCreator type used in slices

Slices combined with spread

Selector hooks exported

100%

React Query for server data

55%

100%

No mixed paradigms

100%

No derived data in store

100%

TypeScript interfaces for store

100%

State colocated where appropriate

40%

60%

Repository: wshobson/agents
Commit: 91fe43e

Evaluated: 27 days ago
Agent: Claude Code
Model: Claude Sonnet 4.6

Table of Contents

E-Commerce Platform: Global State Foundation Inventory Management: Real-Time Product Data Layer Project Tracker: Frontend State Architecture

Is this your skill?

If you maintain this skill, you can claim it as your own. Once claimed, you can manage eval scenarios, bundle related skills, attach documentation or rules, and ensure cross-agent compatibility.