Time travel debugging: A step-by-step guide

on YouTube ↗26m

" summary

Claims a debugger that records execution so you can rewind and step back to the exact moment a UI or runtime bug appears, built on Mozilla’s low‑level RR recorder and a newer web replay layer. Shows a React+Redux rewrite, live demos (color picker, HSL util, Backbone render), Redux DevTools integration, and production/error recording for intermittent failures. The demos work live, rewinding to find the offending action or stack and reproducing elusive exceptions.

AI-written summary · about

" chapters (9)

1. 0:00Start
2. 0:17Time Travel Debugging
3. 2:15Frameworks
4. 7:11Cypress
5. 8:48Web Replay
6. 10:50Time Travel Web Replay
7. 19:19Failing Tests
8. 19:44Debug Intermittence
9. 19:59Logs

" related talks

• 37mTime Travel Debugging JavaScript ApplicationsCecelia Martinez · Strange Loop 2022
• 35mDebugging JS and ReactMark Erikson · React Alicante 2024
• 25mTime Travel DebuggersToby Ho · REFACTR.TECH 2023
• 26mDebugging the DebuggerPrinciya Sequeira · React Rally 2019
• 31mLive React: Hot Reloading with Time TravelDan Abramov · ReactEurope 2015
• 25mTomorrow’s JavaScript debuggerAmit Zur · JS Kongress 2017
• 43mCleaning the Tar: Using React within the Firefox Developer ToolsJames Long · Strange Loop 2015
• 31mDebugging Your DebuggerJames Long · React Rally 2016