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

Reading Native Crash Logs

Quiz
21

Debugging JS with DevTools

Quiz
22

Configuring LogBox

Quiz
23

Effective console Methods

Quiz
24

Opening the Dev Menu

Quiz
25

Source Maps for Stack Traces

Quiz
26

Debugging Bridge/Module Errors

Quiz
27

React DevTools Purpose

Quiz
28

Element Inspector Overlay

Quiz
29

Flipper Debugging Platform

Quiz
30

Performance Monitor Overlay

Quiz
31

Interpreting LogBox Warnings

Quiz
32

Breakpoints and Stepping

Quiz
33

Reading the Red Box

Quiz
34

Expo Dev Tools & Expo Go

Quiz
35

Hermes Engine Debugging

Quiz
36

Debugging Async Code

Quiz
37

Physical Devices vs Simulators

Quiz
38

React Native DevTools (Hermes Debugger)

Slides / Video
39

Opening the In-App Developer Menu

Slides / Video
40

React Native Debugger / Flipper

Flashcard
41

Source Maps for Errors

Flashcard
42

Reading Native Crash Logs

Flashcard
43

Debugging Metro and Clearing Cache

Flashcard
44

Breakpoints and Stepping

Flashcard
45

Error Boundaries

Flashcard
46

Performance Monitor FPS Overlay

Flashcard
47

Profiling Renders

Flashcard
48

The __DEV__ Global

Flashcard
49

React DevTools Component Inspector

Flashcard
50

Reading the LogBox Overlay

Flashcard
51

Suppressing Logs with LogBox.ignoreLogs

Flashcard
52

Hermes Debugging with DevTools

Flashcard
53

Element Inspector Overlay

Flashcard
54

console Logging Methods

Flashcard
Slides / VideoIntermediate

Using the Element Inspector for UI

Learn how the Element Inspector lets you tap any UI element to reveal its layout, styles, and component hierarchy.

Slide 1
1 / 6