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
https://www.drupalgovcon.org/2018/program/sessions/storybook-interactive-pattern-library-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
https://www.drupalgovcon.org/2018/program/sessions/storybook-interactive-pattern-library-your-decoupled-applications