Building Reusable React

Unlock Course

Join 504 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 to access!62% covid discount
Get access to this course and ALL other Scrimba courses at great value. Our 30-day money back guarantee makes this risk free for you.
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
Subscribe now!62% covid discountSubscribe to access with 62% covid discount.
The course creator Cassidy Williams

with Cassidy Williams

504 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

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!

Go Pro!Sign me up!
Built with Imba