Building a Component Library with Storybook
1h 10m 41s
English
Paid
Course description
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
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
Next.JS with Sanity CMS - Serverless Blog App (w/ Vercel)
Sources: udemy
We will start with integration of a very clean application layout I have prepared for you. We will follow latest practices of React and Next JS, this means we w
13 hours 5 minutes 9 seconds
Build and Deploy a Lovable Clone
Sources: Code With Antonio
In this course, you will create an AI platform for generating applications from scratch. You will learn how to build fully functional full-stack applications...
10 hours 34 minutes 16 seconds
Build and Deploy a SaaS AI Agent Platform
Sources: Code With Antonio
In this video course, you will create a video call application with AI support from scratch. You will learn how to set up real-time video communication...
13 hours 24 minutes 14 seconds
MERN Stack From Scratch
Sources: Brad Traversy
We spend 12 hours creating this project from scratch. It includes a multi-step checkout process with PayPal integration, product search, rating & review, user profiles with orde...
13 hours 32 minutes 38 seconds
React Fundamentals
Sources: ui.dev (ex. Tyler McGinnis)
If you're serious about learning React, there's no better place to do it. Originally launched in 2016, this course has been taken by tens of thousands of developers and maintain...
4 hours 36 minutes 46 seconds