Storybook is a UI explorer for front end developers. It was initially created for React but is now also available for Angular.
It makes organizing UI elements and keeping track of brand guidelines an easier process for developers and designers.
What is Storybook
Storybook is really good at two things:
- Enables developers to create components independently.
- Showcase components interactively in an isolated development environment.
It does this by creating an interactive showcase for each component.
Using storybook within Nrwl Nx
Nrwl Nx offers Storybook out of the box, making integration an easy process.
Generating configuration for Nrwl/nx
This can be done by running the following command:
nx g @nrwl/angular:storybook-configuration project-name
This will generate a storybook folder at the root of your workspace. This will also generate a project specific folder for your application.
Serve storybook using Nrwl Nx
nx run project-name:storybook
// TODO more images coming soon!!!