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

Crack the Frontend Interview with React

Crack the Frontend Interview with Reactzerotomastery.io

Duration 1 hour 6 minutes 53 seconds
React - The Complete Guide

React - The Complete GuideudemyAcademind Pro

Duration 47 hours 42 minutes 41 seconds
The React practice course, learn by building projects.

The React practice course, learn by building projects.udemy

Duration 43 hours 45 minutes 48 seconds
Crash Course: Build a Full-Stack Web App in a Weekend!

Crash Course: Build a Full-Stack Web App in a Weekend!udemy

Duration 12 hours 13 minutes 30 seconds
Add React Storybook to a Project

Add React Storybook to a Projectegghead

Duration 3 minutes 36 seconds
Testing React with Jest and Testing Library

Testing React with Jest and Testing Libraryudemy

Duration 7 hours 41 minutes 32 seconds
React Router v4

React Router v4ui.dev (ex. Tyler McGinnis)

Duration 6 hours 44 minutes 1 second