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
![Mastering Maintainable React](https://cdn.courseflix.net/courses/100x56/mastering-maintainable-react.jpg?d=1739919087555)
Mastering Maintainable Reactudemy
Category: React.js
Duration 7 hours 8 minutes 52 seconds
Course
![Building Large Scale Web Apps | A React Field Guide](https://cdn.courseflix.net/courses/100x56/building-large-scale-web-apps-a-react-field-guide.jpg?d=1739919087555)
Building Large Scale Web Apps | A React Field GuideAddy OsmaniHassan Djirdeh
Category: React.js
Duration
Book
![Epic React (Epic React Pro)](https://cdn.courseflix.net/courses/100x56/epic-react-epic-react-pro.jpg?d=1739919087555)
Epic React (Epic React Pro)Kent C. Dodds
Category: React.js
Duration 27 hours 57 minutes 10 seconds
Course
![MERN Invoice Web App with Docker,NGINX and ReduxToolkit](https://cdn.courseflix.net/courses/100x56/mern-invoice-web-app-with-docker-nginx-and-reduxtoolkit.jpg?d=1739919087555)
MERN Invoice Web App with Docker,NGINX and ReduxToolkitudemy
Category: React.js
Duration 24 hours 38 minutes 4 seconds
Course
![Next.js & React with ChatGPT - Development Guide (2023)](https://cdn.courseflix.net/courses/100x56/next-js-react-with-chatgpt-development-guide-2023.jpg?d=1739919087555)
Next.js & React with ChatGPT - Development Guide (2023)udemy
Category: React.js, Next.js, ChatGPT
Duration 7 hours 6 minutes 49 seconds
Course
![Build Product Hunt with ReactJS and Firebase](https://cdn.courseflix.net/courses/100x56/build-product-hunt-with-reactjs-and-firebase.jpg?d=1739919087555)
Build Product Hunt with ReactJS and FirebaseCode4Startup (coderealprojects)
Category: React.js, Firebase
Duration 4 hours 47 minutes 27 seconds
Course
![Redux](https://cdn.courseflix.net/courses/100x56/redux.jpg?d=1739919087555)
Reduxui.dev (ex. Tyler McGinnis)
Category: React.js, Redux
Duration 7 hours 13 minutes 23 seconds
Course
![Build a Jira clone](https://cdn.courseflix.net/courses/100x56/build-a-jira-clone.jpg?d=1739919087555)
Build a Jira cloneCode With Antonio
Category: React.js, Next.js
Duration 16 hours 26 minutes 4 seconds
Course
![React Query - Essentials (v2)](https://cdn.courseflix.net/courses/100x56/react-query-essentials-v2.jpg?d=1739919087555)
React Query - Essentials (v2)Tanner Linsley
Category: React.js
Duration 2 hours 54 minutes 5 seconds
Course