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
MERN Invoice Web App with Docker,NGINX and ReduxToolkitudemy
Category: React.js
Duration 24 hours 38 minutes 4 seconds
Course
Learn React 19 with Epic React v2Kent C. Dodds
Category: TypeScript, React.js
Duration 26 hours 51 minutes 3 seconds
Course
AWS AppSync & Amplify with React & GraphQL - Complete Guideudemy
Category: React.js, AWS, GraphQL
Duration 11 hours 11 minutes 36 seconds
Course
Build a Slack Chat App with React, Redux, and Firebaseudemy
Category: React.js, Firebase, Redux
Duration 5 hours 55 minutes 18 seconds
Course
MERN Stack Front To Back: Full Stack React, Redux & Node.js.udemyBrad Traversy
Category: React.js, Node.js, MongoDB, Redux
Duration 11 hours 52 minutes 29 seconds
Course
Scale React Development with Nxegghead
Category: React.js, Other (Tools)
Duration 1 hour 34 minutes 10 seconds
Course
React Simplified - Beginnerwebdevsimplified.com
Category: React.js
Duration 10 hours 58 minutes 46 seconds
Course