Shareable Custom Hooks in React

Overview

React 16.8 introduced Hooks like useState for using stateful logic in our function components, and useEffect for side effects previously only used in class-based components.
The React Team has given developers a way that simplifies using core features, but what's that mean for the code that you write?
In this course, you'll work through refactoring a component to use a custom hook and learn to apply the patterns used by the React team to your own code.
Follow the React Team's lead, and make your code more readable, reusable, and reasonable!

Syllabus

Change a Stateful React Class Component to a Function Component with the State Hook
Use the React Effect Hook in Function Components
Write a Custom State Hook in React
Write a Custom React Effect Hook
Extract a Custom Hook into its own Module with create-react-hook
Test your Custom Hook Module with react-hooks-testing-library
Prepare a Custom React Hook to be Published as an npm Package
Publish a Custom React Hook as an npm Package