Building React components with Storybook in 30 minutes or so

With 2020 update for Storybook 5.3 and CSF/MDX formats

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.

What you’ll learn

  • Be much more efficient when developing React components using Storybook.

Course Content

  • Introduction –> 10 lectures • 32min.
  • Storybook 5.3 update –> 11 lectures • 35min.

Auto Draft

Requirements

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.

Get Tutorial