Explore Library
React NativeDebugging & Developer Tools

54 items

1

Remote JS Debugging Caveats

Quiz
2

Profiler for Re-renders

Quiz
3

Metro Cache Clearing

Quiz
4

Hermes Engine & Debugging Implications

Slides / Video
5

Debugging Expo Apps with Dev Tools

Slides / Video
6

Error Boundaries for Render Errors

Slides / Video
7

Source Maps for Readable Stack Traces

Slides / Video
8

Clearing Cache & Resetting Metro

Slides / Video
9

Performance Monitor Overlay (FPS)

Slides / Video
10

Debugging on a Physical Device

Slides / Video
11

Reading Native Logs: Logcat & Xcode

Slides / Video
12

React DevTools Component Tree Inspection

Slides / Video
13

LogBox Warnings in React Native

Slides / Video
14

Reading & Interpreting Red Box Errors

Slides / Video
15

Flipper for Debugging & Plugins

Slides / Video
16

Using the Element Inspector for UI

Slides / Video
17

Inspecting Network Requests in DevTools

Slides / Video
18

Debugging JavaScript with Breakpoints

Slides / Video
19

Hermes Engine Debugging

Quiz
20

Expo Dev Tools & Expo Go

Quiz
21

Source Maps for Stack Traces

Quiz
22

Flipper Debugging Platform

Quiz
23

React DevTools Purpose

Quiz
24

Reading Native Crash Logs

Quiz
25

Physical Devices vs Simulators

Quiz
26

Opening the Dev Menu

Quiz
27

Debugging JS with DevTools

Quiz
28

Effective console Methods

Quiz
29

Debugging Bridge/Module Errors

Quiz
30

Breakpoints and Stepping

Quiz
31

Debugging Async Code

Quiz
32

Reading the Red Box

Quiz
33

Interpreting LogBox Warnings

Quiz
34

Configuring LogBox

Quiz
35

Element Inspector Overlay

Quiz
36

Performance Monitor Overlay

Quiz
37

React Native DevTools (Hermes Debugger)

Slides / Video
38

Console.log and Console Output

Slides / Video
39

Opening the In-App Developer Menu

Slides / Video
40

Element Inspector Overlay

Flashcard
41

Performance Monitor FPS Overlay

Flashcard
42

Breakpoints and Stepping

Flashcard
43

Hermes Debugging with DevTools

Flashcard
44

React Native Debugger / Flipper

Flashcard
45

console Logging Methods

Flashcard
46

The __DEV__ Global

Flashcard
47

React DevTools Component Inspector

Flashcard
48

Reading the LogBox Overlay

Flashcard
49

Profiling Renders

Flashcard
50

Debugging Metro and Clearing Cache

Flashcard
51

Reading Native Crash Logs

Flashcard
52

Source Maps for Errors

Flashcard
53

Error Boundaries

Flashcard
54

Suppressing Logs with LogBox.ignoreLogs

Flashcard
FlashcardIntermediate

Performance Monitor FPS Overlay

The Performance Monitor overlays UI and JS frame rates plus memory to spot dropped frames.

Question

What does the Performance Monitor (FPS overlay) tell you?

Click to reveal answer