React NativeDebugging & Developer Tools

54 items

1

Using console.log and Console Output

Slides / Video
2

Remote JS Debugging Caveats

Quiz
3

Metro Cache Clearing

Quiz
4

Profiler for Re-renders

Quiz
5

Hermes Engine & Debugging Implications

Slides / Video
6

Debugging Expo Apps with Dev Tools

Slides / Video
7

Error Boundaries for Render Errors

Slides / Video
8

Source Maps for Readable Stack Traces

Slides / Video
9

Clearing Cache & Resetting Metro

Slides / Video
10

Performance Monitor Overlay (FPS)

Slides / Video
11

Debugging on a Physical Device

Slides / Video
12

Reading Native Logs: Logcat & Xcode

Slides / Video
13

React DevTools Component Tree Inspection

Slides / Video
14

LogBox Warnings in React Native

Slides / Video
15

Reading & Interpreting Red Box Errors

Slides / Video
16

Flipper for Debugging & Plugins

Slides / Video
17

Using the Element Inspector for UI

Slides / Video
18

Inspecting Network Requests in DevTools

Slides / Video
19

Debugging JavaScript with Breakpoints

Slides / Video
20

React DevTools Purpose

Quiz
21

Expo Dev Tools & Expo Go

Quiz
22

Debugging Bridge/Module Errors

Quiz
23

Physical Devices vs Simulators

Quiz
24

Source Maps for Stack Traces

Quiz
25

Hermes Engine Debugging

Quiz
26

Flipper Debugging Platform

Quiz
27

Performance Monitor Overlay

Quiz
28

Element Inspector Overlay

Quiz
29

Configuring LogBox

Quiz
30

Interpreting LogBox Warnings

Quiz
31

Reading the Red Box

Quiz
32

Breakpoints and Stepping

Quiz
33

Effective console Methods

Quiz
34

Debugging JS with DevTools

Quiz
35

Opening the Dev Menu

Quiz
36

Debugging Async Code

Quiz
37

Reading Native Crash Logs

Quiz
38

React Native DevTools (Hermes Debugger)

Slides / Video
39

Opening the In-App Developer Menu

Slides / Video
40

The __DEV__ Global

Flashcard
41

Breakpoints and Stepping

Flashcard
42

Profiling Renders

Flashcard
43

Error Boundaries

Flashcard
44

Suppressing Logs with LogBox.ignoreLogs

Flashcard
45

Performance Monitor FPS Overlay

Flashcard
46

Hermes Debugging with DevTools

Flashcard
47

React Native Debugger / Flipper

Flashcard
48

console Logging Methods

Flashcard
49

Source Maps for Errors

Flashcard
50

Reading the LogBox Overlay

Flashcard
51

Reading Native Crash Logs

Flashcard
52

Debugging Metro and Clearing Cache

Flashcard
53

Element Inspector Overlay

Flashcard
54

React DevTools Component Inspector

Flashcard
Slides / VideoIntermediate

Hermes Engine & Debugging Implications

Hermes is React Native's default JavaScript engine, and it changes how you connect debuggers and read stack traces.

Slide 1
1 / 6