Debugging JS and React
summary
Debugging is framed as the scientific method with concrete tactics: use browser DevTools and console.group / table formatting, step through code with a graphical debugger, inspect component props and hooks with React DevTools, and replay state changes with Redux DevTools. A recorded session in a time-travel debugger shows per-line hit counts (example: a reducer line runs twice, logging color "red" then "green"), and lets investigators add log statements after the fact so the technique demonstrably works.
AI-written summary · about
chapters (8)
- 0:00Debugging JS and React
- 1:13Core debugging concepts
- 10:30Debugging workflow tips
- 15:50Debugging tools overview
- 24:26Debugging React apps
- 28:46Debugging Redux state
- 30:30Replay debugger demo
- 35:07Q&A
related talks
26mTime travel debugging: A step-by-step guide
33mEssential JavaScript debugging tools for the modern detective
29mEssential JavaScript debugging tools for the modern detective
23mDebug Like a Detective
28mModern Web Debugging
26mDebugging the Debugger
25mTomorrow’s JavaScript debugger
31mDebugging Your Debugger