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 useContext Hook to Wire-up the React Context API

React

Share this video with your friends

React changed their Context API in version 16.3 to include Provider and Consumer components. Inside of a Function Component you can leverage the useContext hook to wire-up a consumer instead of using the Render Props Consumer component.

Use the useContext Hook to Wire-up the React Context API

Share this video with your friends

Course

Reusable State and Effects with React Hooks