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

Mastering Maintainable React

Mastering Maintainable Reactudemy

Category: React.js
Duration 7 hours 8 minutes 52 seconds
Epic React (Epic React Pro)

Epic React (Epic React Pro)Kent C. Dodds

Category: React.js
Duration 27 hours 57 minutes 10 seconds
MERN Invoice Web App with Docker,NGINX and ReduxToolkit

MERN Invoice Web App with Docker,NGINX and ReduxToolkitudemy

Category: React.js
Duration 24 hours 38 minutes 4 seconds
Next.js & React with ChatGPT - Development Guide (2023)

Next.js & React with ChatGPT - Development Guide (2023)udemy

Category: React.js, Next.js, ChatGPT
Duration 7 hours 6 minutes 49 seconds
Build Product Hunt with ReactJS and Firebase

Build Product Hunt with ReactJS and FirebaseCode4Startup (coderealprojects)

Category: React.js, Firebase
Duration 4 hours 47 minutes 27 seconds
Redux

Reduxui.dev (ex. Tyler McGinnis)

Category: React.js, Redux
Duration 7 hours 13 minutes 23 seconds
Build a Jira clone

Build a Jira cloneCode With Antonio

Category: React.js, Next.js
Duration 16 hours 26 minutes 4 seconds
React Query - Essentials (v2)

React Query - Essentials (v2)Tanner Linsley

Category: React.js
Duration 2 hours 54 minutes 5 seconds