Debugging Your Debugger
summary
Firefox DevTools debugger is rewritten in react and redux, replacing a fragile DOM‑mutation framework; result is a web‑pack bundled debugger that debugs Firefox, Chrome and Node, supports hot module reloading, and runs as a CLI and Emacs subprocess. Tradeoffs: wholesale rewrite costs months and parallel old/new maintenance, immutable data causes performance and ergonomics pain so state mixes mutable and immutable, and Flow static typing resolves many of those issues. The builds and integrations demonstrably work.
AI-written summary · about
chapters (12)
- 0:00Start
- 1:02Why React
- 3:39Severe Architectural Limitations
- 4:20New Debugger
- 12:15What Kind of Circles Can You Draw in Your System
- 13:57Protocol Abstraction
- 15:12How To Debug Node
- 17:00Node Debugging
- 17:39The Call Stack
- 24:49Immutable Gs
- 27:17Static Typing
- 28:58Frustrations
related talks
26mDebugging the Debugger
26mDebugging the Debugger
43mCleaning the Tar: Using React within the Firefox Developer Tools
35mDebugging JS and React
28mModern Web Debugging
30mEnter Inspector Inception: Let's See How Browser Developer Tools Work!
28mFrom Friction to Flow: Debugging With Chrome DevTools
50mModern Web Debugging