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
Microservices with NodeJS, React, Typescript and Kubernetesudemy
Category: TypeScript, React.js, Node.js, Kubernetes
Duration 95 hours 13 minutes 4 seconds
Course
Crash Course: Build a Full-Stack Web App in a Weekend!udemy
Category: JavaScript, React.js, HTML, CSS
Duration 12 hours 13 minutes 30 seconds
Course
![React & TypeScript Chrome Extension Development [2021]](https://cdn.courseflix.net/courses/200x112/react-typescript-chrome-extension-development-2021.webp)
React & TypeScript Chrome Extension Development [2021]udemy
Category: TypeScript, React.js, Others
Duration 8 hours 52 minutes 35 seconds
Course
Python/Django + React QR Digital Menu BuilderPythonYoga
Category: React.js, Python
Duration 10 hours 49 minutes 22 seconds
Course
React Formula - Learn Frontend DevelopmentAlvin Zablan
Category: React.js
Duration 23 hours 47 minutes 37 seconds
Course
Composing Layouts in Reactfullstack.io
Category: React.js, CSS
Duration 4 hours 38 minutes 12 seconds
Course
React and Django: A Practical Guide with Dockerudemy
Category: React.js, Docker, Django
Duration 6 hours 50 minutes 20 seconds
Course
React Simplified - Bonus Projectwebdevsimplified.com
Category: React.js
Duration 5 hours 8 minutes 8 seconds
Course
Build a Youtube CloneCode With Antonio
Category: React.js, Next.js
Duration 23 hours 42 minutes 10 seconds
Course