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

Build a React & Redux App w CircleCI CICD, AWS & Terraform

Duration 25 hours 45 minutes 21 seconds
React Node AWS - Build infinitely Scaling MERN Stack App

React Node AWS - Build infinitely Scaling MERN Stack App

Duration 25 hours 1 minute 19 seconds
Build a Notion Clone with React and TypeScript

Build a Notion Clone with React and TypeScript

Duration 7 hours 57 minutes 47 seconds
React, NextJS and NestJS: A Rapid Guide - Advanced

React, NextJS and NestJS: A Rapid Guide - Advanced

Duration 8 hours 40 minutes 51 seconds
Add React Storybook to a Project

Add React Storybook to a Project

Duration 3 minutes 36 seconds
React Simplified - Advanced

React Simplified - Advanced

Duration 11 hours 29 minutes 50 seconds
Microservices with Node JS and React

Microservices with Node JS and React

Duration 54 hours 13 minutes 19 seconds
Master Full-Stack Web Development | Node, SQL, React, & More

Master Full-Stack Web Development | Node, SQL, React, & More

Duration 18 hours 36 minutes 51 seconds
React Summit Remote Edition 2021

React Summit Remote Edition 2021

Duration 16 hours 1 minute 10 seconds