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 Query

React Queryui.dev (ex. Tyler McGinnis)

Category: React.js
Duration 7 hours 1 minute 30 seconds
The Modern React 18 Bootcamp - A Complete Developer Guide

The Modern React 18 Bootcamp - A Complete Developer Guideudemy

Category: React.js
Duration 20 hours 35 minutes 57 seconds
MERN Stack Web Development with Ultimate Authentication

MERN Stack Web Development with Ultimate Authenticationudemy

Category: React.js, Node.js, MongoDB
Duration 9 hours 24 minutes 59 seconds
MERN Stack From Scratch

MERN Stack From ScratchBrad Traversy

Category: React.js, Node.js, MongoDB
Duration 13 hours 32 minutes 38 seconds
React Simplified - Advanced

React Simplified - Advancedwebdevsimplified.com

Category: React.js
Duration 11 hours 29 minutes 50 seconds
Full Stack Spring Boot & React

Full Stack Spring Boot & Reactamigoscode (Nelson Djalo)

Category: React.js, Spring Boot
Duration 10 hours 1 minute 23 seconds
MERN 2024 Edition - MongoDB, Express, React and NodeJS

MERN 2024 Edition - MongoDB, Express, React and NodeJSudemy

Category: React.js, Node.js, MongoDB
Duration 19 hours 7 minutes
Epic React (Epic React Pro)

Epic React (Epic React Pro)Kent C. Dodds

Category: React.js
Duration 27 hours 57 minutes 10 seconds
React and NodeJS: A Practical Guide with Typescript

React and NodeJS: A Practical Guide with Typescriptudemy

Category: TypeScript, React.js, Node.js
Duration 6 hours 54 minutes 59 seconds