Explore Library
React NativeState Management

92 items

1

useState Hook Basics

Code Quiz
2

Context Performance Pitfalls & Re-renders

Slides / Video
3

Avoiding Unnecessary Re-renders

Quiz
4

useContext Hook Consumption

Quiz
5

Managing Derived State

Quiz
6

useState Hook Fundamentals

Quiz
7

State Updates Are Asynchronous

Quiz
8

Functional Updates with Previous State

Quiz
9

Immutable State Updates

Quiz
10

Lifting State Up

Quiz
11

useReducer for Complex Logic

Quiz
12

useState vs useReducer

Quiz
13

Context API for Shared State

Quiz
14

Context Provider Re-render Pitfalls

Quiz
15

useEffect for Side Effects

Quiz
16

useRef for Mutable State

Quiz
17

State vs Props Distinction

Quiz
18

Preserving and Resetting State

Quiz
19

Controlled TextInput State

Quiz
20

Global State Libraries Overview

Quiz
21

Redux Core Concepts

Quiz
22

Redux Toolkit Slices

Quiz
23

Persisting State with AsyncStorage

Quiz
24

Memoizing Derived Values

Quiz
25

Creating and Providing Context

Slides / Video
26

useContext Hook Basics

Slides / Video
27

Context API for Global State

Slides / Video
28

The Prop Drilling Problem

Slides / Video
29

Lifting State Up to Share Between Components

Slides / Video
30

useReducer for Complex State Logic

Slides / Video
31

useState Hook for Local Component State

Slides / Video
32

Custom Hooks for Reusable Stateful Logic

Slides / Video
33

useEffect for Syncing State with Side Effects

Slides / Video
34

Persisting State with AsyncStorage

Slides / Video
35

Async State & Data Fetching Patterns

Slides / Video
36

Choosing Local, Context, or External Store

Slides / Video
37

Zustand as a Lightweight State Library

Slides / Video
38

useSelector & useDispatch Hooks

Slides / Video
39

Actions, Reducers, and Dispatch

Slides / Video
40

Derived State from Props

Code Quiz
41

Passing Setters as Callbacks

Code Quiz
42

useContext Hook Consumption

Code Quiz
43

Passing State Down via Props

Code Quiz
44

Lifting State Up

Code Quiz
45

Context Provider Value Setup

Code Quiz
46

useEffect for State Sync

Code Quiz
47

useRef for Non-Rendering State

Code Quiz
48

Functional State Updates

Code Quiz
49

Stale Closure in Updates

Code Quiz
50

Batching of State Updates

Code Quiz
51

useCallback for Stable Handlers

Code Quiz
52

Updating Array State

Code Quiz
53

Multiple vs Single State Object

Code Quiz
54

Updating Object State

Code Quiz
55

Lazy Initial State

Code Quiz
56

useMemo for Derived Values

Code Quiz
57

Dispatching Actions

Code Quiz
58

Context API for Global State

Code Quiz
59

useReducer for Complex State

Code Quiz
60

Redux Toolkit for Simplified Setup

Slides / Video
61

Redux Fundamentals & Store Concept

Slides / Video
62

Functional Updates with Previous State

Slides / Video
63

Redux Toolkit Setup

Flashcard
64

Prop Drilling Problem

Flashcard
65

useRef for Mutable State

Flashcard
66

Lifting State Up

Flashcard
67

useSelector and useDispatch

Flashcard
68

Persisting State with AsyncStorage

Flashcard
69

Redux Persist Rehydration

Flashcard
70

Derived State and Selectors

Flashcard
71

Sharing State Across Screens

Flashcard
72

Server State with React Query

Flashcard
73

Batching of State Updates

Flashcard
74

Redux Core Concepts

Flashcard
75

Zustand Lightweight State

Flashcard
76

Avoiding Stale Closures

Flashcard
77

Custom Hooks for Stateful Logic

Flashcard
78

MobX Observable State

Flashcard
79

Async Updates with useEffect

Flashcard
80

Choosing State Scope

Flashcard
81

State vs Props

Flashcard
82

Provider Placement and Composition

Flashcard
83

Context API for Global State

Flashcard
84

useReducer for Complex State

Flashcard
85

Recoil and Jotai Atoms

Flashcard
86

Functional Updates

Flashcard
87

Immutability When Updating State

Flashcard
88

Creating and Consuming Context

Flashcard
89

Context Performance Pitfalls

Flashcard
90

Immutability in State Updates

Slides / Video
91

State vs Props Distinction

Slides / Video
92

useRef for Non-Rendering State

Slides / Video
Code QuizIntermediate

Lazy Initial State

Calling an expensive function on every render instead of lazily.

Codejavascript
function buildHugeList() {
  console.log('computing...');
  return Array.from({ length: 10000 }, (_, i) => i);
}

function List() {
  const [data, setData] = useState(buildHugeList());
  // ...
}

What is the bug in this code?