The State Management roadmap

Every State Management lesson we teach, laid out as one path. Each station is a stage; tap any lesson to open it. Stations turn teal as you finish them.

Legend:Lesson stageStage completeTap a lesson to open it

State Management: The Global State Problem

The Prop Drilling Problem

React Context Performance Trap

Flux & Unidirectional Data Flow

State Management: Zustand

Creating a Zustand Store

Actions & State Mutations

Selectors & useShallow

The Slices Pattern

Transient Updates

Middleware & Persist

State Management: Redux Toolkit

The Redux Mental Model

createSlice & Immer

useDispatch & useSelector

createSelector & Memoization

Data Normalization

Event-Driven Side Effects

State Management: State Machines & XState

The Boolean Explosion

Finite State Machines & Actors

Context, Guards, & Actions

State Management: Atomic State & Signals

Atomic State (Jotai)

Derived & Async Atoms

Preact Signals & Bypassing VDOM

Signal Computed & Effects