With 2020 update for Storybook 5.3 and CSF/MDX formats
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.
