CF

Building a Component Library with Storybook

1h 10m 41s
English
Paid

Master the art of creating a component library that is not only easy to use, self-documenting, but also easily tested. Utilizing Storybook to define component APIs has significantly enhanced my workflow, allowing for better component creation. By working on components in isolation, you enhance quality and save time. Embrace efficiency and precision by building components with Storybook.

Course Highlights

In this course, you'll gain invaluable skills and knowledge, including:

  • Setting up Storybook: Learn how to seamlessly integrate Storybook into your React Native application.
  • Decomposing Interfaces: Discover techniques to break down complex interfaces into manageable and maintainable components.
  • Benefits of a Component Library: Understand the significance and advantages of having a comprehensive component library at your disposal.
  • Expert Tips & Tricks: Benefit from practical advice and insights gained through real-world experience.

Additional

https://dribbble.com/shots/3821373-Form-Validation-Interaction-Design 

https://coursehunters.online/t/building-a-component-library-with-storybook 

About the Author: Handlebar Labs (Spencer Carli)

Handlebar Labs (Spencer Carli) thumbnail

Handlebar Labs (learn-handlebarlabs.com) is the teaching brand of Spencer Carli, a US developer focused on React and React Native education with a particular emphasis on the component-library construction craft.

The CourseFlix listing carries Building a Component Library with Storybook — a structured treatment of building production component libraries using Storybook as the development and documentation environment, covering the architecture decisions, testing patterns, and the publishing workflow for shareable React component packages.

Material is paid and aimed at React developers building real component libraries. For broader content, see CourseFlix's React.js category page.

Watch Online 10 lessons

This is a demo lesson (10:00 remaining)

You can watch up to 10 minutes for free. Subscribe to unlock all 10 lessons in this course and access 10,000+ hours of premium content across all courses.

View Pricing
0:00
/
#1: Configure Storybook
All Course Lessons (10)
#Lesson TitleDurationAccess
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 subscription

Related courses

Frequently asked questions

What is Building a Component Library with Storybook about?
Master the art of creating a component library that is not only easy to use, self-documenting , but also easily tested . Utilizing Storybook to define component APIs has significantly enhanced my workflow, allowing for better component…
Who teaches this course?
It is taught by Handlebar Labs (Spencer Carli). You can find more courses by this instructor on the corresponding source page.
How long is the course?
It contains 10 lessons with a total runtime of 1 hour 10 minutes. Every lesson is available to watch online at your own pace.
Is it free to watch?
It is part of CourseFlix's premium catalog. A subscription unlocks the full video player; the course description, table of contents, and preview information are available to everyone.
Where can I watch it online?
The course is available to watch online on CourseFlix at https://courseflix.net/course/building-a-component-library-with-storybook. The page hosts every lesson with the integrated video player; no download is required.