Build Reusable React

Enroll for free Get started!

Join 3010 other students

Log in to get

Access to all our free courses

Interactive hands-on content

100s of code challenges

Join a friendly community

Enroll for free

Subscribe to access!Subscribe to access!

Subscribe to access to this course and ALL other courses. You get a 30-day money-back guarantee, no questions asked.

Subscription includes

All courses and career paths

100s of coding challenges

Certificates of completion

Exclusive Pro members chat

with Cassidy Williams

Course level: Advanced

This course teaches you to build a reusable and declarative React component library. It's perfect for developers who are looking to build a scalable design system for their team and product.

What's inside

This course contains 32 interactive scrims spread across 4 modules.

Introduction - Reusable React fundamentals

5 lessons 39 min

1. Course Introduction

2. Rendering and Props

3. Frontend Career Path

4. Custom Events and Props

5. Fundamentals Exercise: Badge Component

Controlled components and refs

9 lessons1 hour 11 min

1. Building an interactive form

2. What does "controlled" mean?

3. Character Counter Input

4. State in Class vs Function components

5. Implementing useState

6. The useRef Hook

7. Updating Refs with Side Effects

8. Forwarding Refs

9. Toggleable Form

Reducers

8 lessons1 hour 1 min

1. Why are reducers a part of React?

2. How reducers work

3. Reducers Exercise 1: Expanding our reducer function

4. The useReducer Hook

5. useReducer vs useState

6. Custom Hooks

7. Reducers Exercise 2: Character Sheet Application

8. A Promise-based State Machine

Compound components

10 lessons 43 min

1. A Single Data-Entry Point Component

2. Reordering Elements

3. Adding a disabled Property

4. Too many props!

5. What is a Compound Component?

6. Replacing Props with Compound Components

7. Sharing State with the Context API

8. Adding More Context

9. A Date Picker Compound Component

10. Course Conclusion

Meet your teacher

The course creator

Cassidy Williams

Making memes and dreams... and software

Follow me on twitter

Why this course rocks

If you’re looking to learn how to create a component library for your team using Javascript and React, you’re in the right place!

Build Reusable React will teach you enough controlled components, refs, reducers and compound components to get your custom library off the ground.

By the end, you’ll know how to build declarative, reusable components, ensuring your codebase adheres to the DRY (Do Not Repeat Yourself) principle.

On top of all that, this course is jam-packed with interactive challenges to stress-test your new knowledge and truly embed your learning, so you’ll become a truly effective React Developer in no time.

Your teacher is Cassidy Williams, a Principal Developer Experience Engineer at Netlify who has been teaching React both online and in person for several years, making her the perfect person to guide you through this learning experience.

So what are you waiting for? Enroll now and start building that library!

This course is also a part of our hugely popular Front-End Devloper Career Path.