Building React components with Storybook in 30 minutes or so
4.2 (19 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
76 students enrolled

Building React components with Storybook in 30 minutes or so

And be awesome at React development
4.2 (19 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
76 students enrolled
Created by Maurice de Beijer
Last updated 7/2018
English
English [Auto-generated]
Current price: $11.99 Original price: $29.99 Discount: 60% off
1 day left at this price!
30-Day Money-Back Guarantee
This course includes
  • 32 mins on-demand video
  • 1 article
  • 1 downloadable resource
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
Training 5 or more people?

Get your team access to Udemy's top 3,000+ courses anytime, anywhere.

Try Udemy for Business
What you'll learn
  • Be much more efficient when developing React components using Storybook
Requirements
  • Be familiar with component development in React
Description

In this course, you are going to learn how to quickly build React component using Storybook. First, you will learn what Storybook is and why Storybook is such an awesome tool. You will learn how to add Storybook to an existing Create-React-App based application and start it to load all stories in an application.

Next, you will learn how to write stories to visually test your components. You will learn how to use decorators and add-ons to enhance the capabilities of Storybook stories. You will also use the Storyshots addon to create Jest snapshot tests from your stories so they are part of your unit tests.

Finally, you will learn how to publish your stories as a static site using GitHub pages.

We are going to start from scratch so no prior Storybook experience is required. I am assuming you are familiar with React, however.

Who this course is for:
  • In this course, you are going to learn how to quickly build React component using Storybook. First, you will learn what Storybook is and why Storybook is such an awesome tool. You will learn how to add Storybook to an existing Create-React-App based application and start it to load all stories in an application. Next, you will learn how to write stories to visually test your components. You will learn how to use decorators and add-ons to enhance the capabilities of Storybook stories. You will also use the Storyshots addon to create Jest snapshot tests from your stories so they are part of your unit tests. Finally, you will learn how to publish your stories as a static site using GitHub pages.
Course content
Expand 10 lectures 32:11
+ Introduction
10 lectures 32:13
Personal Introduction
01:47
Writing stories
03:21
Using decorators
02:10
Using addons
05:39
Using stories to create snapshot tests
04:41
Deploying storybook
03:50
Bonus
00:11