Building a Component Library with Storybook
1h 10m 41s
English
Paid
October 5, 2024
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.
More
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
Build a React & Redux App w CircleCI CICD, AWS & Terraform
Duration 25 hours 45 minutes 21 seconds
Course
React Node AWS - Build infinitely Scaling MERN Stack App
Duration 25 hours 1 minute 19 seconds
Course
Doctor Appointment Booking App with React ,Firebase , ANT D
Duration 5 hours 45 minutes 20 seconds
Course
Build a Notion Clone with React and TypeScript
Duration 7 hours 57 minutes 47 seconds
Course
React, NextJS and NestJS: A Rapid Guide - Advanced
Duration 8 hours 40 minutes 51 seconds
Course
Add React Storybook to a Project
Duration 3 minutes 36 seconds
Course
React Simplified - Advanced
Duration 11 hours 29 minutes 50 seconds
Course
Microservices with Node JS and React
Duration 54 hours 13 minutes 19 seconds
Course
Master Full-Stack Web Development | Node, SQL, React, & More
Duration 18 hours 36 minutes 51 seconds
Course
React Summit Remote Edition 2021
Duration 16 hours 1 minute 10 seconds
Course