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

Full Stack Advanced React + GraphQL

Full Stack Advanced React + GraphQLwesbos

Duration 15 hours 43 minutes 10 seconds
React Js A-Z With Laravel - For Beginner to Advanced Level
Build a Realtime App with React Hooks and GraphQL

Build a Realtime App with React Hooks and GraphQLudemy

Duration 4 hours 32 minutes 39 seconds
React Testing Library and Jest: The Complete Guide
Next.js & React with ChatGPT - Development Guide (2023)
Starting with React & Redux: Build modern apps (2nd edition)
Uber Eats Clone

Uber Eats Clone Nomad Coders

Duration 40 hours 22 minutes 44 seconds
Building Large Scale Web Apps | A React Field Guide
Django with React | An Ecommerce Website

Django with React | An Ecommerce WebsiteBrad Traversy

Duration 18 hours 6 minutes 7 seconds