Storybook: An Interactive Pattern Library for Your Decoupled Applications

Presenter: brianperry
Co-Presenter(s):
n/a

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
Audience
Experience Level
Intermediate
Schedule Info
Date / Time
Room
Balcony B
Session Track