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
Epic React (Epic React Pro)Kent C. Dodds
Category: React.js
Duration 27 hours 57 minutes 10 seconds
Course
Advanced React For Enterprise: React for senior engineersudemy
Category: React.js
Duration 6 hours 4 minutes 5 seconds
Course
MERN Stack Front To Back: Full Stack React, Redux & Node.js.udemyBrad Traversy
Category: React.js, Node.js, MongoDB, Redux
Duration 11 hours 52 minutes 29 seconds
Course
Web Performance FundamentalsNadia Makarevich
Category: React.js, Other (Frontend)
Duration
Book
Intro to Shopify App Development with React, Node & GraphQLudemy
Category: React.js
Duration 4 hours 10 seconds
Course
React for Beginnerscodewithmosh (Mosh Hamedani)
Category: React.js
Duration 7 hours 58 minutes 3 seconds
Course
Add React Storybook to a Projectegghead
Category: React.js
Duration 3 minutes 36 seconds
Course
React - The Complete GuideudemyAcademind Pro
Category: React.js
Duration 47 hours 42 minutes 41 seconds
Course
Fullstack ASP.NET Core and React Masterclass | Learnify fullstack.io
Category: React.js, C Sharp (C#)
Duration 20 hours 40 minutes 31 seconds
Course