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

Session recording

Session Track: UI/Visual Design
Experience Level: Intermediate
Date: Thursday June 28
Room: 209