Building a Component Library with Storybook
1h 10m 41s
English
Paid
Learn to create a library of components that are easy to use, self documenting, and easily tested. I've found that using Storybook to define my component's API has helped me create significantly better components. They also tend to work better because I can work on them in isolation. Save time, build your components with Storybook.
Read more about the course
In this course you'll learn:
- How to setup Storybook in your React Native app
- How to breakdown an interface into a series of easy to build and easy to maintain components
- The benefits of building a comprehensive component library
- A handful of tricks & tips I've found from my own work flow
Watch Online Building a Component Library with Storybook
Join premium to watch
Go to premium
| # | Title | Duration |
|---|---|---|
| 1 | Configure Storybook | 04:39 |
| 2 | Build a Button Component | 14:27 |
| 3 | Tip: Automatically Load Storybook Stories | 03:58 |
| 4 | Breaking UI Into Components | 04:59 |
| 5 | Form Wrapper Component | 09:10 |
| 6 | Field Wrapper Component | 09:46 |
| 7 | TextInput Component | 08:58 |
| 8 | Switch Component | 03:52 |
| 9 | Pulling it Together: Signup Form | 06:20 |
| 10 | Bonus: Automatic Snapshot Tests | 04:32 |
Similar courses to Building a Component Library with Storybook
React Router v5ui.dev (ex. Tyler McGinnis)
Category: React.js
Duration 3 hours 38 minutes 49 seconds
Course
Full Stack HATEOAS: Spring Boot 2.1, ReactJS, Reduxudemy
Category: React.js, Spring Boot, Redux, Spring, Spring HATEOAS
Duration 5 hours 51 minutes 37 seconds
Course
Project React. Build a complex React project as a total beginnerCosden Solutions
Category: React.js
Duration 16 hours 31 minutes 5 seconds
Course
Next.js and Apollo - Portfolio App (w/ React, GraphQL, Node)udemy
Category: React.js, Next.js, Node.js, GraphQL
Duration 28 hours 38 minutes 19 seconds
Course
The React practice course, learn by building projects.udemy
Category: React.js, MongoDB
Duration 43 hours 45 minutes 48 seconds
Course
React Supabase Full Coursefireship.io
Category: React.js
Duration 1 hour 39 minutes 49 seconds
Course
React and NodeJS: A Practical Guide with Typescriptudemy
Category: TypeScript, React.js, Node.js
Duration 6 hours 54 minutes 59 seconds
Course
Learn React 19 with Epic React v2Kent C. Dodds
Category: TypeScript, React.js
Duration 26 hours 51 minutes 3 seconds
Course
Zero to Full Stack Heropapareact.com
Category: JavaScript, React.js, Others, CSS, Node.js, GraphQL, Firebase
Duration 101 hours 29 minutes 59 seconds
Course