egghead.io
illustration for Reusable State and Effects with React Hooks

Course

Reusable State and Effects with React Hooks

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

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

Elijah Manor
InstructorElijah Manor
  • react
    React

Share this video with your friends

Send Tweet

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.

Build your Developer Portfolio and climb the engineering career ladder.
  • Search
  • Talks
  • Podcasts
  • Machine
  • Pricing
  • Store
©egghead.io
Terms & Conditions