Skip to main content

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.

About the Author: learn.handlebarlabs.com

learn.handlebarlabs.com thumbnail

Learn React Native — Master Mobile App Development

Join thousands of students and master mobile app development with React Native — one of the most popular frameworks for building cross-platform iOS and Android applications.

Why Learn React Native?

React Native allows developers to build high-quality mobile apps using JavaScript and React, making it a powerful choice for both beginners and experienced developers.

Key benefits include:

  • Build apps for iOS and Android with a single codebase
  • Faster development with reusable components
  • Strong community and ecosystem
  • Backed by Meta

What You’ll Learn

In this course, you’ll gain practical, job-ready skills:

  • Fundamentals of React Native development
  • Building real-world mobile applications
  • Navigation, state management, and APIs
  • Performance optimization and best practices
  • Deploying apps to app stores

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