Storybook

Angular: The Full Gamut Edition

Charlie Greenman
April 25, 2021
1 min read

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:

  1. Enables developers to create components independently.
  2. 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!!!

Subscribe to the Razroo Angular Newsletter!

Razroo takes pride in it's Angular newsletter, and we really pour heart and soul into it. Pass along your e-mail to recieve it in the mail. Our commitment, is to keep you up to date with the latest in Angular, so you don't have to.

More articles similar to this