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 Next.js - 50+ Lesson Video Course on React and Nextmasteringnuxt.com
Category: React.js, Next.js
Duration 5 hours 9 minutes 45 seconds
Course
React Router v5ui.dev (ex. Tyler McGinnis)
Category: React.js
Duration 3 hours 38 minutes 49 seconds
Course
Django with React | An Ecommerce WebsiteBrad Traversy
Category: React.js
Duration 18 hours 6 minutes 7 seconds
Course
Build a Slack Chat App with React, Redux, and Firebaseudemy
Category: React.js, Firebase, Redux
Duration 5 hours 55 minutes 18 seconds
Course
Full-Stack Fundamentals 1 - FrontendMckay Wrigley (takeoff)
Category: React.js, Next.js, Other (Frontend)
Duration 1 hour 8 minutes 57 seconds
Course
Learn React Hooks By Building A Real Applicationreacttraining (Ryan Florence)
Category: React.js
Duration 7 hours 14 minutes 44 seconds
Course
FULL Authentication WITH REACT JS NEXT JS TYPESCRIPTudemy
Category: TypeScript, React.js, Next.js
Duration 6 hours 52 minutes 28 seconds
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
Full Stack Advanced React + GraphQLwesbos
Category: React.js, GraphQL
Duration 15 hours 43 minutes 10 seconds
Course