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

React Queryui.dev (ex. Tyler McGinnis)
Category: React.js
Duration 7 hours 1 minute 30 seconds
Course

The Modern React 18 Bootcamp - A Complete Developer Guideudemy
Category: React.js
Duration 20 hours 35 minutes 57 seconds
Course

MERN Stack Web Development with Ultimate Authenticationudemy
Category: React.js, Node.js, MongoDB
Duration 9 hours 24 minutes 59 seconds
Course

MERN Stack From ScratchBrad Traversy
Category: React.js, Node.js, MongoDB
Duration 13 hours 32 minutes 38 seconds
Course

React Simplified - Advancedwebdevsimplified.com
Category: React.js
Duration 11 hours 29 minutes 50 seconds
Course

Full Stack Spring Boot & Reactamigoscode (Nelson Djalo)
Category: React.js, Spring Boot
Duration 10 hours 1 minute 23 seconds
Course

MERN 2024 Edition - MongoDB, Express, React and NodeJSudemy
Category: React.js, Node.js, MongoDB
Duration 19 hours 7 minutes
Course

Epic React (Epic React Pro)Kent C. Dodds
Category: React.js
Duration 27 hours 57 minutes 10 seconds
Course

React and NodeJS: A Practical Guide with Typescriptudemy
Category: TypeScript, React.js, Node.js
Duration 6 hours 54 minutes 59 seconds
Course