Building a Component Library with Storybook

1h 10m 41s
English
Paid

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 Building a Component Library with Storybook

Join premium to watch
Go to premium
# Title Duration
1 Configure Storybook 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

Similar courses to Building a Component Library with Storybook

MERN Stack From Scratch

MERN Stack From ScratchBrad Traversy

Category: React.js, Node.js, MongoDB
Duration 13 hours 32 minutes 38 seconds
Bedrock: Jumpstart your next SaaS product

Bedrock: Jumpstart your next SaaS productMax Stoiber (@mxstbr)

Category: React.js, Others, Next.js, GraphQL, Assemblies, ready-made solutions for development
Duration
React & TypeScript - The Practical Guide

React & TypeScript - The Practical GuideAcademind Pro

Category: TypeScript, React.js
Duration 7 hours 22 minutes 54 seconds
Build fancy landing pages with React and Threejs

Build fancy landing pages with React and ThreejsPaul Henschel (@0xca0a)

Category: React.js, Three.js
Duration 38 minutes 9 seconds
Build a React & Redux App w CircleCI CICD, AWS & Terraform

Build a React & Redux App w CircleCI CICD, AWS & Terraformudemy

Category: React.js, AWS, Redux, Terraform
Duration 25 hours 45 minutes 21 seconds
Magic UI Pro

Magic UI ProDillion Verma

Category: React.js, Next.js, Other (Mobile Apps Development)
Duration
MERN STACK 2022 - Build Ultimate CMS (WordPress Clone)

MERN STACK 2022 - Build Ultimate CMS (WordPress Clone)udemy

Category: React.js, Node.js, MongoDB
Duration 34 hours 4 minutes 17 seconds
Uber Clone - Typescript, NodeJS, GraphQL, React, Apollo

Uber Clone - Typescript, NodeJS, GraphQL, React, ApolloNomad Coders

Category: TypeScript, React.js, Node.js, GraphQL
Duration 22 hours 41 minutes 56 seconds
Starting with React & Redux: Build modern apps (2nd edition)

Starting with React & Redux: Build modern apps (2nd edition)udemy

Category: React.js, Redux
Duration 30 hours 13 minutes 51 seconds
React for Beginners

React for Beginnerscodewithmosh (Mosh Hamedani)

Category: React.js
Duration 7 hours 58 minutes 3 seconds