Storybook is a UI development tool for building and demoing UI components. It’s a great tool for building new UI components, and the result acts as documentation for how your components work. You can also use Storybook as the foundation for visual test suites. Works with React, Vue and Angular.

Outline
What is Storybook?
Getting started
Story time
Writing your first story
Use additional stories to showcase UI options
Setting up actions to view events
Addons
Knobs - UI to dynamically control the way your component is rendered
Info - add documentation for your components
Storyshots - snapshot testing for your stories
Backgrounds - make sure your components look great on multiple backrgounds
Viewport - make sure your component renders correctly at different sizes and layouts

Learning Outcome
A basic understanding of Storybook and how to use it to its fullest potential

Target Audience
Developers using React, Angular or Vue to build UI components