Shareable Custom Hooks in React

30m

4.4

612

people completed

Bookmark

Download

RSS

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 self-paced workshop, 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!

Instructor

Joe Previte

Hi, I'm Joe! 👋🏼

I'm a developer with a passion for learning. I currently work as an Open Source Developer Advocate at Facebook. In my free time, I like to workout, spend time outdoors and meditate.

What you'll learn

Custom React Hooks
Test React Hooks
npm

Course content (8 lessons)

1
Change a Stateful React Class Component to a Function Component with the State Hook
3m 33s
2
Use the React Effect Hook in Function Components
4m 59s
3
Write a Custom State Hook in React
3m 36s
4
Write a Custom React Effect Hook
3m 33s
5
Extract a Custom Hook into its own Module with create-react-hook
4m 11s
6
Test your Custom Hook Module with react-hooks-testing-library
5m 5s
7
Prepare a Custom React Hook to be Published as an npm Package
4m 16s
8
Publish a Custom React Hook as an npm Package
1m 13s

illustration for Shareable Custom Hooks in React

Start Watching

Instructor

Joe Previte

Hi, I'm Joe! 👋🏼

I'm a developer with a passion for learning. I currently work as an Open Source Developer Advocate at Facebook. In my free time, I like to workout, spend time outdoors and meditate.