Tomorrow’s JavaScript debugger
summary
Shows a working rewrite called debugger HTML built with React Redux Webpack and Babel and using CodeMirror for editing, not a roadmap. Demonstrates collapsing framework frames with visible counts, mapping minified variables back to originals via source maps so watch expressions evaluate correctly, and the actual patch that injects an evaluateExpression snippet to replace identifiers using Babel AST traversal and regeneration. Shows cloning the repo, running yarn start, and live-stepping into debugger‑in‑the‑debugger to prove it.
AI-written summary · about
chapters (11)
- 0:00Welcome
- 3:13Speaker intro
- 5:00JavaScript debugging challenges
- 7:10HTML debugger rewrite
- 10:19Debugging transpiled code
- 13:15Source maps for minified code
- 17:09Debugging the debugger
- 19:20Contributing
- 21:29Community updates
- 22:53Hackathons for contributions
- 23:34Call to action
related talks
35mDebugging JS and React
33mEssential JavaScript debugging tools for the modern detective
31mDebugging Your Debugger
26mTime travel debugging: A step-by-step guide
50mModern Web Debugging
27mREPL/Playground, Let's do it Live!
54mModern JavaScript For Web Dinosaurs
32mWhy don’t browser dev tools understand your code?