Building React components with Storybook in 30 minutes or so

Maurice Beijer, React rocks

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
9 Lessons (32m)
    • 1. Building React components with Storybook

      4:45
    • 2. Personal Introduction

      1:58
    • 3. Getting started with storybook

      3:20
    • 4. Dynamically loading stories

      2:29
    • 5. Writing Storybook stories

      3:21
    • 6. Using decorators

      2:10
    • 7. Using Storybook addons

      5:39
    • 8. Using stories to create Jest snapshot tests

      4:41
    • 9. Deploying storybook

      3:50

About This Class

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.