Skip to main content
CourseFlix

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: learn.handlebarlabs.com

learn.handlebarlabs.com thumbnail

Learn React Native

You can use React Native to build mobile apps for iOS and Android with one codebase. This guide helps you learn the core skills you need to build, test, and ship mobile apps.

Why Learn React Native?

React Native lets you build mobile apps with JavaScript and React. It works well for beginners and for developers who know React on the web.

Main benefits:

  • Write one codebase for iOS and Android
  • Reuse components to speed up work
  • Use tools from a strong community
  • Supported by Meta

What You Will Learn

This course teaches you skills you can use in real projects.

  • Core React Native concepts
  • How to build complete mobile apps
  • Navigation, state handling, and API use
  • Ways to improve app speed and structure
  • How to ship 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