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

Custom hooks in React are functions, and we can write them by combining other, preexisting hooks.

In this lesson, we'll wrap the `useState` React hook to create a hook that automatically pulls out the `event.target.value` of an input's `onChange` callback.  We'll then use that hook directly as the `onChange` prop of a text input.

Create a Custom Hook in React by Wrapping useState

Share this video with your friends

Course

React Hooks in Function Components