08 / 20Data & performance
Live Market Feed
A high-frequency realtime ticker that handles thousands of updates per second gracefully.
- Realtime UI
- Backpressure
- Batching
- Canvas rendering
- Streams
stirling.lab/live-feed Live demo
Loading demo…
What to notice
- Simulated socket emitting thousands of price ticks per second
- Updates batched per animation frame; flashing cells for up and down moves
- Canvas-rendered candlestick chart with live updates
- Connection states (connecting, live, reconnecting with backoff, offline)
How it's built
- Incoming messages buffer in a ring buffer and flush once per frame, which is the backpressure valve.
- Exponential backoff with jitter is used on simulated disconnects.
Hand-built in React 19 + TypeScript, with no UI or chart libraries.