ReactHooks

115 items

1

Data Fetching Race Condition

Code Quiz
2

Effect Race Conditions & Cleanup

Quiz
3

Custom Hook Filter Never Updates

Code Quiz
4

Why Hook Call Order Matters

Quiz
5

Hooks Internals & Rules

Slides / Video
6

Why Hooks Depend on Call Order

Flashcard
7

Stale Closure in useCallback

Code Quiz
8

useMemo vs useCallback

Quiz
9

Debounce Hook Stale Closure

Code Quiz
10

Stable Values with useRef vs useMemo

Quiz
11

Interval Counter Stuck at One

Code Quiz
12

useEffect Cleanup Timing & Dependencies

Quiz
13

Core Hooks & Rules of Hooks

Slides / Video
14

Core Hooks & Rules of Hooks

Flashcard
15

Memoization, Refs & Custom Hooks

Slides / Video
16

Memoization vs Refs in Custom Hooks

Flashcard
17

Custom Hook Rules Violation

Code Quiz
18

Custom Hooks & Rules of Hooks

Quiz
19

useEffect Infinite Loop Bug

Code Quiz
20

useEffect Dependency Array Behavior

Quiz
21

Updating State on Click

Code Quiz
22

Rules of Hooks

Quiz
23

useState & useEffect Basics

Slides / Video
24

useState & useEffect Basics

Flashcard
25

useState, useEffect & Rules of Hooks

Slides / Video
26

Hooks Essentials

Flashcard
27

useEffect Infinite Loop

Code Quiz
28

useEffect for Side Effects

Quiz
29

Counter with useState

Code Quiz
30

useState Basics

Quiz
31

useMemo, useCallback & Custom Hooks

Slides / Video
32

useState & useEffect Fundamentals

Slides / Video
33

useMemo, useCallback & Custom Hooks

Flashcard
34

useState & useEffect Fundamentals

Flashcard
35

Lifecycle & Re-rendering with Hooks

Slides / Video
36

When Do Components Re-render?

Quiz
37

Re-rendering Basics with Hooks

Flashcard
38

useEffect for Side Effects

Slides / Video
39

useMemo for Memoizing Values

Slides / Video
40

useReducer for Complex State Logic

Slides / Video
41

useReducer Mutation Bug

Code Quiz
42

useState Basic Update Bug

Code Quiz
43

useState Hook Basics

Quiz
44

Lazy Initial State

Quiz
45

useMemo Memoization

Quiz
46

useRef for DOM References

Quiz
47

Stale Closures in Hooks

Quiz
48

Rules of Hooks Ordering

Quiz
49

useRef for Mutable Values

Quiz
50

Functional State Updates

Quiz
51

useLayoutEffect vs useEffect

Quiz
52

useCallback Memoization

Quiz
53

useEffect Cleanup Function

Quiz
54

Hooks Only in Function Components

Quiz
55

useEffect Dependency Array

Quiz
56

Effect Run Timing

Quiz
57

Custom Hooks Creation

Quiz
58

Conditional Hook Call Pitfalls

Quiz
59

useContext Hook

Quiz
60

State Batching in Event Handlers

Quiz
61

useReducer Hook

Quiz
62

useEffect Basics

Quiz
63

useRef for Mutable Values and DOM Access

Slides / Video
64

useContext for Consuming Context

Slides / Video
65

useEffect Cleanup Functions

Slides / Video
66

useEffect Dependency Array Behavior

Slides / Video
67

Functional Updates with useState

Slides / Video
68

useState for Local Component State

Slides / Video
69

What Hooks Are and Rules of Hooks

Slides / Video
70

useState vs useReducer

Slides / Video
71

State Batching

Code Quiz
72

Basic Effect Execution

Code Quiz
73

useMemo Dependencies

Code Quiz
74

useLayoutEffect Timing

Code Quiz
75

Immutable Array Update

Code Quiz
76

Functional Updates

Code Quiz
77

useRef Value

Code Quiz
78

Effect Cleanup

Code Quiz
79

Lazy Initial State

Code Quiz
80

Stale Closure

Code Quiz
81

Object State Update

Code Quiz
82

Custom Hook

Code Quiz
83

useCallback Usage

Code Quiz
84

Previous Value Ref

Code Quiz
85

Dependency Array

Code Quiz
86

Rules of Hooks

Code Quiz
87

Consuming Context

Code Quiz
88

Mount-Only Effect

Code Quiz
89

Dependencies and Stale Closures

Slides / Video
90

Custom Hooks for Reusable Logic

Slides / Video
91

useCallback for Memoizing Functions

Slides / Video
92

useEffect Dependencies

Flashcard
93

useReducer Hook

Flashcard
94

Lazy Initial State

Flashcard
95

useContext Hook

Flashcard
96

Preserving Hook Order

Flashcard
97

Stale Closures

Flashcard
98

useRef vs State

Flashcard
99

useMemo Basics

Flashcard
100

Custom Hooks

Flashcard
101

useEffect Cleanup

Flashcard
102

Custom Hooks vs HOCs

Flashcard
103

useMemo vs useCallback

Flashcard
104

useCallback Basics

Flashcard
105

Batching State Updates

Flashcard
106

useEffect Basics

Flashcard
107

Effect Run Timing

Flashcard
108

Rules of Hooks

Flashcard
109

useImperativeHandle

Flashcard
110

Functional State Updates

Flashcard
111

Why Hooks Replaced Lifecycles

Flashcard
112

useState Basics

Flashcard
113

useReducer vs useState

Flashcard
114

useLayoutEffect vs useEffect

Flashcard
115

useRef Uses

Flashcard
Code QuizAdvanced

Counter with useState

Find the bug in a simple useState counter component.

Codejavascript
import { useState } from 'react';

function Counter() {
  const [count, setCount] = useState(0);

  function handleClick() {
    count = count + 1;
  }

  return (
    <button onClick={handleClick}>
      Clicked {count} times
    </button>
  );
}

What is the bug that prevents the count from updating on screen?