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

CodeFast | Learn to code in weeks, not months.Marc Lou
Category: React.js, Next.js
Duration 11 hours 38 minutes 42 seconds
Course

MERN Stack - React Node from Scratch Building Social Networkudemy
Category: React.js, Node.js, MongoDB
Duration 20 hours 49 minutes 20 seconds
Course

TinyHouse: A Fullstack React Masterclass with TypeScript and GraphQLfullstack.io
Category: TypeScript, React.js, GraphQL
Duration 30 hours 50 minutes 42 seconds
Course

Build a React & Redux App w CircleCI CICD, AWS & Terraformudemy
Category: React.js, AWS, Redux, Terraform
Duration 25 hours 45 minutes 21 seconds
Course

React Testing Library and Jest: The Complete GuideudemyStephen Grider
Category: React.js
Duration 7 hours 40 minutes 24 seconds
Course

Full-Stack React with GraphQL and Apollo Boostudemy
Category: React.js, Node.js, MongoDB, GraphQL
Duration 6 hours 54 minutes 31 seconds
Course

Laravel with React JS - Build Twitter Like Real Time Web Appudemy
Category: React.js, Laravel
Duration 4 hours 56 minutes 37 seconds
Course

Classic ReactBuild UI
Category: React.js
Duration 4 hours 10 minutes 15 seconds
Course

Discord Clone - Learn MERN Stack with WebRTC and SocketIOudemy
Category: JavaScript, React.js, Node.js, MongoDB, Socket.IO, WebRTC
Duration 19 hours 29 minutes 29 seconds
Course

MERN 2024 Edition - MongoDB, Express, React and NodeJSudemy
Category: React.js, Node.js, MongoDB
Duration 19 hours 7 minutes
Course