Debugging & Developer Tools

54 lessons in React Native

• Remote JS Debugging CaveatsQuiz
• Profiler for Re-rendersQuiz
• Metro Cache ClearingQuiz
• 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
• Hermes Engine DebuggingQuiz
• Expo Dev Tools & Expo GoQuiz
• Source Maps for Stack TracesQuiz
• Flipper Debugging PlatformQuiz
• React DevTools PurposeQuiz
• Reading Native Crash LogsQuiz
• Physical Devices vs SimulatorsQuiz
• Opening the Dev MenuQuiz
• Debugging JS with DevToolsQuiz
• Effective console MethodsQuiz
• Debugging Bridge/Module ErrorsQuiz
• Breakpoints and SteppingQuiz
• Debugging Async CodeQuiz
• Reading the Red BoxQuiz
• Interpreting LogBox WarningsQuiz
• Configuring LogBoxQuiz
• Element Inspector OverlayQuiz
• Performance Monitor OverlayQuiz
• React Native DevTools (Hermes Debugger)Slides / Video
• Console.log and Console OutputSlides / Video
• Opening the In-App Developer MenuSlides / Video
• Element Inspector OverlayFlashcard
• Performance Monitor FPS OverlayFlashcard
• Breakpoints and SteppingFlashcard
• Hermes Debugging with DevToolsFlashcard
• React Native Debugger / FlipperFlashcard
• console Logging MethodsFlashcard
• The __DEV__ GlobalFlashcard
• React DevTools Component InspectorFlashcard
• Reading the LogBox OverlayFlashcard
• Profiling RendersFlashcard
• Debugging Metro and Clearing CacheFlashcard
• Reading Native Crash LogsFlashcard
• Source Maps for ErrorsFlashcard
• Error BoundariesFlashcard
• Suppressing Logs with LogBox.ignoreLogsFlashcard