Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

egghead.io

React Hooks in Function Components

via egghead.io

Overview

React hooks can be used to add state to functional components, as well as replace the lifecycle methods that only class methods had available until now.
This playlist goes through several different hooks available now in React, as well as how to make your own custom hooks!

Syllabus

  • Rewrite a React Component Class to use the useState Hook Instead of Local State
  • Create a Custom Hook in React by Wrapping useState
  • Use React Hooks Correctly by Following The Two Rules of Hooks
  • Use the useEffect React Hook Instead of the componentDidMount Lifecycle Method
  • Pass Data Between React Components with the useContext Hook
  • Use a Reducer in a Functional Component with the useReducer Hook in React
  • Cache Computed Values for Better Performance with the useMemo React Hook
  • Get a Reference to a DOM Element in React with the useRef Hook

Taught by

Chris Achard

Reviews

4.8 rating at egghead.io based on 14 ratings

Start your review of React Hooks in Function Components

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.