Time Travel Debugging JavaScript Applications
summary
A time‑travel debugger records and replays real browser and Node executions so you can pause, rewind, and add console logs retroactively to inspect variables at exact moments. Replay.io uses a partially deterministic “effective determinism” replay and now supports longer recordings (about 10 minutes). Concrete examples: a whiteboard bug executes a resize function 95 times until element_new_width becomes negative Infinity from a divide‑by‑zero; recording isolates the frame, points to the zero bounds, and a GitHub repro leads to a next‑day fix.
AI-written summary · about
chapters (12)
- 0:00Introduction to debugging
- 1:21The complexity of web apps
- 3:53Limitations of current tools
- 7:31Introduction to time travel
- 10:14How replay works
- 12:44Debugging in practice
- 15:37Analyzing variables over time
- 17:06Beyond simple debugging
- 18:49Debugging frameworks
- 20:28Common bug patterns
- 23:09Replay case study
- 26:41Closing and Q&A
