Unidirectional State Flow & Time-Travel Debugger
Interactive 3D simulator of Redux/BLoC-style unidirectional state management: dispatch actions through a pure reducer into a central store, watch subscribers selectively re-render, and scrub a real time-travel history stack to replay past states.
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.
An interactive 3D simulator of Redux/BLoC-style unidirectional state management used across mobile app architectures: dispatch actions through a pure reducer into a central store, compare naive vs memoized subscriber re-rendering, and scrub a real time-travel history stack to replay and verify past states.
3D · Three.js / WebGL renderer · 60 FPS target · runs fully client-side, no install