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
![Doctor Appointment Booking App with React ,Firebase , ANT D](https://cdn.courseflix.net/courses/100x56/doctor-appointment-booking-app-with-react-firebase-ant-d.jpg?d=1739919009651)
Doctor Appointment Booking App with React ,Firebase , ANT Dudemy
Category: React.js
Duration 5 hours 45 minutes 20 seconds
Course
![MERN Stack React, Socket io, Next.js Express,MongoDb, Nodejs](https://cdn.courseflix.net/courses/100x56/mern-stack-react-socket-io-next-js-express-mongodb-nodejs.jpg?d=1739919009652)
MERN Stack React, Socket io, Next.js Express,MongoDb, Nodejsudemy
Category: React.js, Next.js, Node.js, MongoDB, Socket.IO
Duration 13 hours 2 minutes 12 seconds
Course
![Scale React Development with Nx](https://cdn.courseflix.net/courses/100x56/scale-react-development-with-nx.jpg?d=1739919009652)
Scale React Development with Nxegghead
Category: React.js, Other (Tools)
Duration 1 hour 34 minutes 10 seconds
Course
![React Query (OLD)](https://cdn.courseflix.net/courses/100x56/react-query-old.jpg?d=1739919009652)
React Query (OLD)ui.dev (ex. Tyler McGinnis)
Category: React.js
Duration 7 hours 1 minute 30 seconds
Course
![Testing React with Jest and Testing Library](https://cdn.courseflix.net/courses/100x56/testing-react-with-jest-and-testing-library.jpg?d=1739919009652)
Testing React with Jest and Testing Libraryudemy
Category: React.js
Duration 7 hours 41 minutes 32 seconds
Course
![MERN STACK 2022 - Build Ultimate CMS (WordPress Clone)](https://cdn.courseflix.net/courses/100x56/mern-stack-2022-build-ultimate-cms-wordpress-clone.jpg?d=1739919009652)
MERN STACK 2022 - Build Ultimate CMS (WordPress Clone)udemy
Category: React.js, Node.js, MongoDB
Duration 34 hours 4 minutes 17 seconds
Course
![React and WebRTC 2023 & Sharing Location App with Video Chat](https://cdn.courseflix.net/courses/100x56/react-and-webrtc-2023-sharing-location-app-with-video-chat.jpg?d=1739919009652)
React and WebRTC 2023 & Sharing Location App with Video Chatudemy
Category: React.js, WebRTC
Duration 8 hours 11 minutes 54 seconds
Course
![Make 20 React Apps](https://cdn.courseflix.net/courses/100x56/make-20-react-apps.jpg?d=1739919009652)
Make 20 React AppsChris Sev
Category: React.js
Duration 12 hours 20 minutes 3 seconds
Course
![Django with React | An Ecommerce Website](https://cdn.courseflix.net/courses/100x56/django-with-react-an-ecommerce-website.jpg?d=1739919009652)
Django with React | An Ecommerce WebsiteBrad Traversy
Category: React.js
Duration 18 hours 6 minutes 7 seconds
Course