Building Reusable React

Unlock Course

Join 384 other students

Sign in to get
Access to 30+ free courses
New courses added monthly
Weekly coding challenges
Huge discord community
Exclusive chat access
Unlock Course
Subscribe now$39 $19 per month
51% limited-time offer
Get access to this course and ALL other Scrimba courses at a record-low price. Keep your discount for as long as you subscribe.
Career Path includes
75+ hours of content
100s of coding challenges
Exclusive Study Group access
HTML, CSS, JS & React
Getting Hired section
30-day money-back guarantee
This course is for pro members onlyUnlock CourseUnlock Course
The course creator cassidoo

with cassidoo

384 students enrolled

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 31 interactive screencasts

two girls
Building Reusable React
31 lessons - 3 hours
1. Course Introduction
4:58
2. Fundamentals Part 1: Rendering and Props
20:38
3. Fundamentals Part 2: Custom Events and Props
7:52
4. Fundamentals Exercise: Badge Component
4:17
5. Controlled Components and Refs Part 1: Building an interactive form
3:48
6. Controlled Components and Refs Part 2: What does "controlled" mean?
10:15
7. Controlled Components and Refs Exercise 1: Character Counter Input
6:16
8. Controlled Components and Refs Part 3: State in Class vs Function components
7:14
9. Controlled Components and Refs Part 4: Implementing useState
13:12
10. Controlled Components and Refs Part 5: The useRef Hook
4:24
11. Controlled Components and Refs Part 6: Updating Refs with Side Effects
7:14
12. Controlled Components and Refs Part 7: Forwarding Refs
3:40
13. Controlled Components and Refs Exercise 2: Toggleable Form
15:43
14. Reducers Part 1: Why are they a part of React?
5:04
15. Reducers Part 2: How reducers work
6:40
16. Reducers Exercise 1: Expanding our reducer function
3:10
17. Reducers Part 3: The useReducer Hook
5:49
18. Reducers Part 4: useReducer vs useState
3:56
19. Reducers Part 5: Custom Hooks
4:29
20. Reducers Exercise 2: Character Sheet Application
17:12
21. Reducers Part 6: A Promise-based State Machine
15:03
22. Compound Components Part 1: A Single Data-Entry Point Component
3:45
23. Compound Components Part 2: Reordering Elements
3:32
24. Compound Components Exercise 1: Adding a disabled Property
5:10
25. Compound Components Part 3: Too many props!
2:35
26. Compound Components Part 4: What is a Compound Component?
3:01
27. Compound Components Part 5: Replacing Props with Compound Components
6:11
28. Compound Components Part 6: Sharing State with the Context API
7:36
29. Compound Components Exercise 2: Adding More Context
5:05
30. Compound Components Exercise 3: A Date Picker Compound Component
5:11
31. Course Conclusion
1:47
The course creator

Meet your teacher

cassidoo

Cassidy is a Principal Developer Experience Engineer at Netlify. She's also worked at places like ReactTraining, CodePen, Amazon, and Venmo. She's active in the developer community, and one of Glamour Magazine's 35 Women Under 35 Changing the Tech Industry and LinkedIn's Top Professionals 35 & Under.

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!

Upgrade now - 50% offer
Built with Imba