Storybook: An Interactive Pattern Library for Your Decoupled Applications

Storybook is a development environment for UI components built using JavaScript frameworks including React, Vue, and Angular.  While it does share some similarities to projects like Pattern Lab, it also provides some unique options for visualizing the interactive state of your application, along with an extensive set of addons. Using a small set of React components as an example this session will walk through:

• Creating a storybook project

• Writing stories for your components

• Editing component props interactively with the Knobs addon

• Testing with the StoryShots and Specs addons

• Exporting your storybook as a static app