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
![Make 20 React Apps](https://cdn.courseflix.net/courses/100x56/make-20-react-apps.jpg?d=1739919009046)
Make 20 React AppsChris Sev
Category: React.js
Duration 12 hours 20 minutes 3 seconds
Course
![The Ultimate React Course 2024: React, Redux & More](https://cdn.courseflix.net/courses/100x56/the-ultimate-react-course-2023-react-redux-more.jpg?d=1739919009046)
The Ultimate React Course 2024: React, Redux & Moreudemy
Category: React.js, Redux
Duration 67 hours 14 minutes 41 seconds
Course
![Node with React: Fullstack Web Development](https://cdn.courseflix.net/courses/100x56/node-with-react-fullstack-web-development.jpg?d=1739919009046)
Node with React: Fullstack Web DevelopmentudemyStephen Grider
Category: React.js, Node.js, MongoDB
Duration 25 hours 36 minutes 19 seconds
Course
![Build a Slack Chat App with React, Redux, and Firebase](https://cdn.courseflix.net/courses/100x56/build-a-slack-chat-app-with-react-redux-and-firebase.jpg?d=1739919009046)
Build a Slack Chat App with React, Redux, and Firebaseudemy
Category: React.js, Firebase, Redux
Duration 5 hours 55 minutes 18 seconds
Course
![The Creative React and Redux Course](https://cdn.courseflix.net/courses/100x56/the-creative-react-and-redux-course.jpg?d=1739919009046)
The Creative React and Redux Coursedevelopedbyed.com
Category: React.js, Redux
Duration 18 hours 13 minutes 6 seconds
Course
![React Front To Back 2022](https://cdn.courseflix.net/courses/100x56/react-front-to-back-2022.jpg?d=1739919009046)
React Front To Back 2022udemyBrad Traversy
Category: React.js
Duration 19 hours 57 minutes 45 seconds
Course
![The React practice course, learn by building projects.](https://cdn.courseflix.net/courses/100x56/the-react-practice-course-learn-by-building-projects.jpg?d=1739919009046)
The React practice course, learn by building projects.udemy
Category: React.js, MongoDB
Duration 43 hours 45 minutes 48 seconds
Course
![React Node FullStack - Ecommerce from Scratch to Deployment](https://cdn.courseflix.net/courses/100x56/react-node-fullstack-ecommerce-from-scratch-to-deployment.jpg?d=1739919009046)
React Node FullStack - Ecommerce from Scratch to Deploymentudemy
Category: React.js, Node.js, MongoDB
Duration 16 hours 15 minutes 14 seconds
Course