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
CodeFast | Learn to code in weeks, not months.Marc Lou
Category: React.js, Next.js
Duration 11 hours 38 minutes 42 seconds
Course
React and Laravel: Breaking a Monolith to Microservicesudemy
Category: React.js, Docker, Laravel, Redis
Duration 15 hours 7 minutes 45 seconds
Course
Testing React with Jest and Testing Libraryudemy
Category: React.js
Duration 7 hours 41 minutes 32 seconds
Course
MERN 2024 Edition - MongoDB, Express, React and NodeJSudemy
Category: React.js, Node.js, MongoDB
Duration 19 hours 7 minutes
Course
The interactive way to master modern React - react.gg (FULL COURSE)ui.dev (ex. Tyler McGinnis)
Category: React.js
Duration 7 hours 53 minutes 34 seconds
Course
Working with React and Go (Golang)udemy
Category: React.js, Golang (Google Go)
Duration 24 hours 48 minutes 43 seconds
Course
Microservices with Node JS and ReactudemyStephen Grider
Category: React.js, Node.js
Duration 54 hours 13 minutes 19 seconds
Course
React Router v4ui.dev (ex. Tyler McGinnis)
Category: React.js
Duration 6 hours 44 minutes 1 second
Course
Microfrontends with React: A Complete Developer's GuideudemyStephen Grider
Category: React.js
Duration 9 hours 2 minutes 34 seconds
Course
React Hooksui.dev (ex. Tyler McGinnis)
Category: React.js
Duration 3 hours 47 minutes 48 seconds
Course