Storybook: An Interactive Pattern Library for Your Decoupled Applications

Brian Perry

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

Drupal is a registered trademark of Dries Buytaert.