Building a Component Library with Storybook
1h 10m 41s
English
Paid
Course description
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
0:00
/ #1: Configure Storybook
All Course Lessons (10)
| # | Lesson Title | Duration | Access |
|---|---|---|---|
| 1 | Configure Storybook Demo | 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 |
Unlock unlimited learning
Get instant access to all 9 lessons in this course, plus thousands of other premium courses. One subscription, unlimited knowledge.
Learn more about subscriptionComments
0 commentsWant to join the conversation?
Sign in to commentSimilar courses
Build a React & Redux App w CircleCI CICD, AWS & Terraform
Sources: udemy
React is one of the most popular library's for building client apps with HTML, CSS and JavaScript. If you want to establish yourself as a front-end or full-stack developer, you ...
25 hours 45 minutes 21 seconds
Composing Layouts in React
Sources: fullstack.io
In this course we show you how to build complex layouts in React by composing just a few foundational layout primitives. Along the way you will learn modern CSS Layout tools lik...
4 hours 38 minutes 12 seconds
Django with React | An Ecommerce Website
Sources: Brad Traversy
Build an eCommerce platform from the ground up with React, Redux, Django & Postgres. In this course, we will build a completely customized eCommerce / shopping cart application ...
18 hours 6 minutes 7 seconds
React Summit 2024 - Amsterdam
Sources: reactsummit.com
React Summit is an in-person and remote-first (hybrid) conference dedicated to all things React. It gathers OSS authors, top trainers, and speakers, as well...
18 hours 56 minutes 36 seconds