Action pulse Store Re-rendered subscriber History slab (past)
⚠ Couldn't load the 3D engineThree.js failed to load from the CDN. Check your connection and reload.

Unidirectional State Flow & Time-Travel Debugger

Mobile architecture patterns like Redux, MobX, BLoC and Riverpod all lean on the same core mechanic: a pure reducer function turns an action plus the previous state into the next state, and every subscribed view re-renders only the slice it actually reads. This simulator makes that pipeline visible in 3D — dispatch actions to watch a pulse travel from the action source through a pure reducer into a central store, which then fans out to three subscriber views. Toggle selector memoization to see the difference between every view re-rendering on every dispatch versus only the relevant one flashing, and use the time-travel slider to scrub through a real append-only history stack of past states, exactly like Redux DevTools — dispatching from a past point in history truncates the discarded future, and a replay-from-start check confirms the reducer is deterministic by re-deriving the current state from scratch.