Home▸Computer Science▸Unidirectional State Flow & Time-Travel Debugger (2D)

Unidirectional State Flow & Time-Travel Debugger (2D)

Interactive 2D diagram 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. Pan and zoom the flow graph.

Computer Science2DModerate60 FPS📱 Mobile-adapted⇄ 3D version
2d-mobile-app-architecture-patterns ↗ Open standalone

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 2D diagram makes that pipeline visible — 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. Drag to pan the flow graph and scroll or pinch to zoom.

⚙ Under the hood

An interactive 2D flow-diagram 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. Drag to pan and scroll to zoom the flow graph.

state-managementreduxmobile-architectureunidirectional-data-flowtime-travel-debuggingsoftware-engineering

2D · HTML5 Canvas 2D · 60 FPS target · runs fully client-side, no install

What did you find?

Add reproduction steps (optional)