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
Full-Stack Fundamentals 1 - Frontend
Sources: Mckay Wrigley (takeoff)
As part of this project, you will create your personal portfolio website from scratch. This will be an excellent way to showcase your work as you...
1 hour 8 minutes 57 seconds
React Simplified - Advanced
Sources: webdevsimplified.com
Once you become a good React developer, it is time to start diving into advanced React concepts. This course will take you from a junior to a mid-level React d
11 hours 34 minutes 10 seconds
Testing React with Jest and Testing Library
Sources: udemy
React Testing Library has become an extremely popular option for testing React, and with good reason! This detailed, comprehensive course
7 hours 41 minutes 32 seconds
Build Product Hunt with ReactJS and Firebase
Sources: Code4Startup (coderealprojects)
In this course, you will be learning how to build ReactJS app in ES6 syntax (a modern version of Javascript) with Firebase, a real-time back-end by cloning Product Hunt. Also, a...
4 hours 47 minutes 27 seconds
Mastering Maintainable React
Sources: udemy
"Maintained React" is a comprehensive course designed to teach you the best practices for writing clean and maintainable code in React. Indepen...
7 hours 8 minutes 52 seconds