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
Watch Online Building a Component Library with Storybook
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
Learn React 19 with Epic React v2
Sources: Kent C. Dodds
Ready for the React 19 revolution? The most in-demand JavaScript framework has received a major update! You are already familiar with React, but in React 19 the
26 hours 51 minutes 3 seconds
Building Applications with React 17 and ASP.NET Core 6
Sources: udemy
With ASP.NET Core we can develop Web APIs using C#. With React you can create modern, fast and flexible web applications. In this course we will use both tools
19 hours 28 minutes 31 seconds
React for Beginners
Sources: codewithmosh (Mosh Hamedani)
React is the most popular JavaScript library for building front-ends. It was created by Faceook and is widely used for building web, mobile, and desktop apps.
7 hours 58 minutes 3 seconds
Mastering Next.js - 50+ Lesson Video Course on React and Next
Sources: masteringnuxt.com
The premiere video course for building static and server-side rendered applications with Next.js and React. Sign up now and get two videos instantly!
5 hours 9 minutes 45 seconds
Build a Notion Clone with React and TypeScript
Sources: zerotomastery.io
Master React and TypeScript by building a Notion clone. Learn to use Vite for project setup and Supabase for database management. Showcase your skills with a
7 hours 57 minutes 47 seconds