1
Introduction to Reusable State and Effects with React Hooks
1m 44s
2
Environment Setup for React Hooks
1m 51s
3
Add State with the useState Hook to a React Function Component
8m 11s
4
Add Linting to Help Enforce Rules when Using React Hooks
3m 41s
5
Add a Lifecycle Event with the useEffect Hook to a React Function Component
8m 45s
6
Use the React useRef Hook to Reference a DOM Element or Simulate an Instance Variable
3m 37s
7
Write Custom Hooks to Share Logic Between React Function Components
5m 39s
8
Leverage an Existing Community Hook in Your React Function Component
2m 16s
9
Use the useReducer Hook and Dispatch Actions to Update State
5m 45s
10
Use the useContext Hook to Wire-up the React Context API
2m 49s
11
Simulate PureComponent with a React Function Component
5m 57s
12
Leverage the React useMemo Hook for Expensive Operations
2m 22s
13
Convert a Render Props Component using a Custom React Hook
4m 25s

Use the useReducer Hook and Dispatch Actions to Update State

React

Share this video with your friends

As an alternate to useState, you could also use the useReducer hook that provides state and a dispatch method for triggering actions. In this lesson, we’ll centralize logic that is spread across a web application and centralize it using the useReducer hook.

Use the useReducer Hook and Dispatch Actions to Update State

Share this video with your friends

Course

Reusable State and Effects with React Hooks