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

React Hooks in Function Components

React Hooks can replace local state in React components, so that you can write entire components as functions now, instead of classes.

In this lesson, we'll convert a React class component to a functional component, by switching from using local state to using the `useState` hook from React.

Rewrite a React Component Class to use the useState Hook Instead of Local State

Share this video with your friends

Course

React Hooks in Function Components