Development Skill
Angular Migration
Migrate from AngularJS to Angular using hybrid mode, incremental component rewriting, and…
$15
React State Management
Master modern React state management with Redux Toolkit, Zustand, Jotai, and React Query.
A decision framework plus working patterns for picking the right state tool instead of forcing everything into one store. It draws the great divide between server state (handled by React Query) and client state (handled by Zustand, Jotai, or useState), enforces a single source of truth so the same data never lives in two places, and ships optimistic-update patterns that make actions feel instant with automatic rollback on failure. You stop fighting sync bugs and start shipping.
$15 one-time
Add to a kit → Prices include 20% VAT. · Forged on real agency work · one-time, no lock-in
- Type Skill
- Category Development
- Delivery Email · instant
- License One-time
Inside the run · no black box
See the actual work before you buy it.
The skill never reaches for a store by reflex. It classifies every piece of state first, then assigns the right tool, this is the decision loop it runs:
- Sort each state into one of five categories: local UI (useState), global client (Zustand, Jotai, Redux Toolkit), server data (React Query), URL state (search params), form state (React Hook Form), the category decides the tool
- Apply the colocation test before anything goes global: used by 1-2 components means local useState, 3 or more siblings means context or store, lifting state higher than necessary is treated as a bug
- Move all remote data to React Query with a query keys factory: staleTime and gcTime tuned per resource, enabled guards for dependent queries, never useState plus manual fetch for server data
- Build the client store as Zustand slices (user slice, cart slice) combined into one typed store, exposed through selector hooks so components re-render only on the slice they read
- Wire optimistic mutations end to end: onMutate cancels in-flight queries and snapshots the cache, the UI updates instantly, onError rolls back to the snapshot, onSettled invalidates to resync with the server
- Enforce single source of truth in review: filter state lives in the URL only, server data in the query cache only, any value living in two places gets one owner and the copy deleted
One power source. 6 lines out.
react-state-management · core
core active · 6 lines
- ✓ choosing between redux t…
Choosing between Redux Toolkit, Zustand, Jotai, and React Query
- ✓ managing remote server s…
Managing remote server state with caching and background sync
- ✓ implementing optimistic ui
Implementing optimistic UI updates with rollback
- ✓ setting up scalable global
Setting up scalable global stores with slices
- ✓ combining client ui state
Combining client UI state with server data on one screen
- ✓ migrating legacy redux to
Migrating legacy Redux to Redux Toolkit
Yours to keep.
Drag time forward. Watch what stays.
Forever
That's what owning means.
The rented stack
ai writing tool: subscription
expired · access lostanalytics suite: subscription
expired · access lostdesign platform: subscription
expired · access lost(nothing left)
Your forge
-
The right tool per state category, ending the bugs that come from mixing paradigms
license: perpetual -
Zero duplicated server state, so cache invalidation and race conditions disappear
license: perpetual -
Actions that feel 0ms through optimistic updates with safe automatic rollback
license: perpetual -
Fewer needless re-renders via selective subscriptions and state colocation
license: perpetual
subscriptions expire · deeds don't
Everything in the box.
Pick a piece up. Watch it work.
A state-category and selection-criteria matrix (local, global, server, URL, form)
6 parts · one working system · ships instantly by email
This wasn't forged for everyone.
- Not for you if you'd rather rent a tool than own one.
- Not for you if you want someone else to run your stack.
- Not for you if you're happy guessing.
React developers deciding how to structure state in a growing app and wanting to avoid sync bugs from over-globalizing or duplicating server data.
then this was forged for you.Works with
Universal by design: these run in any AI. Delivered in the open Agent Skills + MCP format (native in Claude); ChatGPT, Gemini, Cursor and Copilot adapt the same files their own way.
- Claude Native format
- ChatGPT Adapts via open standards
- Gemini Adapts via open standards
- Cursor Adapts via open standards
- Copilot Adapts via open standards
Catch what's on your mind.
the air is clear. nothing between you and the forge.
catch a spark: the forge will answer
-
We already use Redux everywhere, is this only useful for new apps?
It includes a legacy-Redux-to-Redux-Toolkit migration guide, so existing codebases are squarely in scope. The decision framework also lets Redux stay where it earns its place; the goal is the right tool per state category, not a forced rewrite.
-
What's the actual rule for choosing between the four libraries?
A state-category matrix: server data goes to React Query, client UI state goes to Zustand, Jotai, or plain useState, with URL and form state called out separately. The single-source-of-truth rule then keeps the same data from living in two stores, which is where most sync bugs start.
-
Does it crown one 'best' library and lock me into it?
No. The premise is the opposite: server and client state get different tools, and the selection criteria depend on your app's shape. A one-store-for-everything prescription is exactly what it argues against.
-
How is it delivered?
By email right after purchase: ready to run, downloaded instantly, no setup wait.
-
One-time or subscription?
A one-time purchase; no subscription or hidden fees. VAT (20%) is included.
-
Can I get a refund?
As a digital product, it can’t be refunded once downloaded. That’s why we show exactly what’s inside and who it’s for, right here.