The Power of Debugging
summary
Browser DevTools show how to debug Ember apps in development and production: set breakpoints in the Sources tab, pretty-print minified bundles with pretty-print, step into npm libraries and addons, and change values or edit on site to try fixes. Concrete bugs include a wrong integer parse in a quiz app and a five‑second delay that should be a half second in a memory game; using the Ember Inspector and source maps locates the module and lets the live edit make the app behave.
AI-written summary · about
chapters (10)
- 0:00Start
- 0:30The Power of Debugging
- 2:43Challenges
- 3:02Difference between Debugging or Funding Issues in Development versus Production
- 3:25Buggy App
- 13:29Change the Code
- 14:00Difference between Atoms and External Libraries
- 18:20Learning a New App
- 21:56Debug the Task
- 24:43Recap
related talks
34mPrying Open the Black Box
47mDebugging, Profiling, & Rocking Out with Browser-Based Developer Tools!
29mDebugging Ember With Empathy
29mEssential JavaScript debugging tools for the modern detective
23mDebug Like a Detective
55mDebugger: Debugging Code
33mEssential JavaScript debugging tools for the modern detective
35mDebugging JS and React