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
Advanced React For Enterprise: React for senior engineers
Sources: udemy
Welcome to the React for Senior engineers course !! Knowledge of React is 100% required for this course. I've been working with React.js for over 5 years now,
6 hours 4 minutes 5 seconds
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
MERN Invoice Web App with Docker,NGINX and ReduxToolkit
Sources: udemy
Hi, welcome to this course on building a functional fullstack MERN app, that can be used for generating invoices, quotations and receipts. We shall build this
24 hours 38 minutes 4 seconds
React - The Complete Guide 2024
Sources: udemy, Academind Pro
Learn React or dive deeper into it. Learn the theory, solve assignments, practice in demo projects and build one big application which is improved throughout t
64 hours 33 minutes 17 seconds
React Hooks
Sources: ui.dev (ex. Tyler McGinnis)
If you never develop a convincing answer for both of those questions, you won’t have a solid enough foundation to build upon when you dive into the specifics. These questions ar...
3 hours 47 minutes 48 seconds