Debugging should be easier

on YouTube ↗17m

" summary

Expo demonstrates end-to-end debugging by connecting a device to Metro (localhost:8081), using the inspector protocol and Hermes support to set breakpoints, inspect scope and run console snippets, and view network requests; a crash turns out to be scrollToEnd on an empty FlatList, which a guard fixes immediately but missing todos trace to an API ordering change visible in the network tab. Demo includes VS Code Expo version 1 with live source-mapped breakpoints and an experimental network inspector (SDK 48 opt-in, SDK 49 planned).

AI-written summary · about

" chapters (6)

1. 0:00The debugging challenge
2. 2:36Traditional debugging tools
3. 5:51Leveraging web debugging
4. 8:37Expo debugging workflow
5. 13:13Debugging in VS Code
6. 15:02Future improvements

" related talks

• 23mDebug Like a DetectiveMariam Reba Alexander · JSWORLD Conference 2022 Online
• 35mDebugging JS and ReactMark Erikson · React Alicante 2024
• 29mEssential JavaScript debugging tools for the modern detectiveRebecca Hill · JSConf Budapest 2019
• 33mEssential JavaScript debugging tools for the modern detectiveRebecca Hill · You Gotta Love Frontend 2019
• 23mCoding Mobile with the ProsGant Laborde · React Amsterdam 2017
• 28mDebugging and Beyond with ReactotronDarin Wilson · Chain React 2018
• 43mDebug Better in Android StudioAdarsh Fernando, Fabien Sanglard · AndroidMakers by droidcon 2025
• 15mBeyond console.log: Supercharge Your Debugging Skills!Cai Cruz · Frontend Nation 2024