Redux Data Flow Map

action → dispatch → reducer → store → view Fire an action and watch state flow through the cycle. Click any node to inspect it.

Sample actions

Build an action

Animation speed

1.0×

Legend

Action — a plain object
Dispatcher — the one entry point
Reducer — pure function
Store — single source of truth
View — derived render
Idle — pick an action and fire it
Rendered view render(store.getState())
0
state.counter
increment / decrement

    Prompt