Debugging & Developer Tools

54 lessons in React Native

• Using console.log and Console OutputSlides / Video
• Remote JS Debugging CaveatsQuiz
• Metro Cache ClearingQuiz
• Profiler for Re-rendersQuiz
• Hermes Engine & Debugging ImplicationsSlides / Video
• Debugging Expo Apps with Dev ToolsSlides / Video
• Error Boundaries for Render ErrorsSlides / Video
• Source Maps for Readable Stack TracesSlides / Video
• Clearing Cache & Resetting MetroSlides / Video
• Performance Monitor Overlay (FPS)Slides / Video
• Debugging on a Physical DeviceSlides / Video
• Reading Native Logs: Logcat & XcodeSlides / Video
• React DevTools Component Tree InspectionSlides / Video
• LogBox Warnings in React NativeSlides / Video
• Reading & Interpreting Red Box ErrorsSlides / Video
• Flipper for Debugging & PluginsSlides / Video
• Using the Element Inspector for UISlides / Video
• Inspecting Network Requests in DevToolsSlides / Video
• Debugging JavaScript with BreakpointsSlides / Video
• React DevTools PurposeQuiz
• Expo Dev Tools & Expo GoQuiz
• Debugging Bridge/Module ErrorsQuiz
• Physical Devices vs SimulatorsQuiz
• Source Maps for Stack TracesQuiz
• Hermes Engine DebuggingQuiz
• Flipper Debugging PlatformQuiz
• Performance Monitor OverlayQuiz
• Element Inspector OverlayQuiz
• Configuring LogBoxQuiz
• Interpreting LogBox WarningsQuiz
• Reading the Red BoxQuiz
• Breakpoints and SteppingQuiz
• Effective console MethodsQuiz
• Debugging JS with DevToolsQuiz
• Opening the Dev MenuQuiz
• Debugging Async CodeQuiz
• Reading Native Crash LogsQuiz
• React Native DevTools (Hermes Debugger)Slides / Video
• Opening the In-App Developer MenuSlides / Video
• The __DEV__ GlobalFlashcard
• Breakpoints and SteppingFlashcard
• Profiling RendersFlashcard
• Error BoundariesFlashcard
• Suppressing Logs with LogBox.ignoreLogsFlashcard
• Performance Monitor FPS OverlayFlashcard
• Hermes Debugging with DevToolsFlashcard
• React Native Debugger / FlipperFlashcard
• console Logging MethodsFlashcard
• Source Maps for ErrorsFlashcard
• Reading the LogBox OverlayFlashcard
• Reading Native Crash LogsFlashcard
• Debugging Metro and Clearing CacheFlashcard
• Element Inspector OverlayFlashcard
• React DevTools Component InspectorFlashcard