1
Use the useState React Hook
1m 19s
2
Test React Components that use React Hooks
1m 45s
3
Share Logic Across Multiple React Components with Custom Hooks
1m 28s
4
Store Values in localStorage with the React useEffect Hook
3m 13s
5
Test Effects Generated from React the useEffect Hook
3m 49s
6
Access and Modify a DOM Node with the React useRef and useEffect Hooks
3m 4s
7
Interact and Update State in React with useState
5m 6s
8
Declaratively Interact with Complex Component State using the React useReducer Hook
2m 46s
9
Simplify a Component Reducer with the React setState Hook
1m 38s
10
Share Complex Logic across React Components with Custom Hooks
2m 34s
11
Detect user activity with a custom useIdle React Hook
3m 44s
12
Prevent Unnecessary Component Rerenders with React memo
2m 38s
13
Lazy Load a React Component with React.lazy and Suspense
2m 17s
14
Learn fundamentals of React Suspense
3m 30s

Declaratively Interact with Complex Component State using the React useReducer Hook

React

Share this video with your friends

Having to use useState for every item in your state quickly gets cumbersome. In this lesson, we’ll learn how to refactor our component to use useReducer instead.

We'll cover:

Creating an initial state with useReducer
Making a reducer function that makes changes to the state based on incoming dispatches

Course

React Hooks and Suspense

Joost Galama

~ 6 years ago

Why do you use a ref to store the intervalId?

Joost Galama

~ 6 years ago

Whoops, comment belongs to previous video in list.

~ 3 years ago

Looks like the code is no longer at sandbox...

Lucas Minter

~ 3 years ago

Looks like the code is no longer at sandbox...

I got this fixed. The github changed from master branch to main branch and that messed up the codesandbox.