Using React Hooks

1h 5m

people completed

Bookmark

Download

RSS

React version 16.8 added Hooks, a set of functions that allow you to add state and side effects to function components. In this module you'll learn how to use Hooks in your components! Starting with useState, we'll cover how to add simple and complex state to your functions. From there we'll look at using useReducer to handle more complex state. You'll learn how to write reusable custom hooks, too. And we'll talk about how hooks work behind the scenes to demystify the "magic". Finally we'll look at useEffect and learn how to "think in effects" by converting a few class components to functions with hooks, and learn how to use the useMemo and useCallback hooks to optimize your components.

Instructor

Dave Ceddia

A 10-year veteran of the software industry, Dave has been coding away since he was a kid. Currently an author, blogger, co-organizer of the Boston React meetup, and front end developer focused on React. He splits his free time between family and a constantly-shifting array of hobbies like music, aviation, and DIY projects.

Course content (17 lessons)

1
Use the useState Hook to Add State to a Function Component
1m 33s
2
The "Magic" Behind How Hooks Work
2m 45s
3
Call useState Multiple Times in One Component
1m 32s
4
Store an Object in useState and Update It Immutably
3m 52s
5
Extract Related Hooks Code into a Custom Hook
2m 47s
6
Access a DOM Node Directly with the useRef Hook
3m 1s
7
Manage Simple State with the useReducer Hook
3m 56s
8
Implement undo/redo with the useReducer Hook
10m 32s
9
Synchronize State with Side Effects with the useEffect Hook
3m 37s
10
Manage Input Focus with useEffect
5m 15s
11
Return a Function From useEffect to Clean Up a Previous Effect
3m 6s
12
How to useLayoutEffect instead of useEffect
2m 59s
13
Refactor a React Class to Use Hooks
1m 47s
14
Refactor Lifecycles with Closures to Use Hooks
11m 19s
15
Cache Values with the useMemo Hook
2m 20s
16
Initialize useState with a Function
1m 2s
17
Cache Callback Functions with the useCallback Hook
3m 45s

Start Watching

Instructor

Dave Ceddia