Storybook
Storybook is a tool that allows us to develop and test UI components in isolation. We can think of it as a tool for making catalogs of all the components we have. It is great for documenting components. A couple of benefits of using Storybook include the following:
- Storybook allows developing components in isolation without the need to reproduce the exact state of the application, allowing developers to focus on the things they are building
- Storybook serves as a catalog of UI components allowing all stakeholders to try out the components without using them in the application
Storybook is configured by using the following command:
npx storybook init
This command will install all required dependencies and set up the configuration that resides in the .storybook folder at the root of the project.
Storybook configuration
We already have Storybook installed, so let’s look at the configuration, which has two files.
The first file contains...
