Michael Shilman - Storybook

AI is disrupting devtools, augmenting engineers at different levels of abstraction from Copilot to builder.io to v0.dev. This talk introduces Storybook—the standard for developing, documenting, and testing UI components—and what we are doing to help ensure high quality user interfaces regardless of how little human intervention was involved in producing them.
—
Michael leads Storybook, the industry-standard UI dev tool used by 100k+ teams globally including half of the Fortune 100, high-growth teams at OpenAI, Github, Stripe, Supabase, and many more.

If you have ever attempted to extract your UI libraries into an abstract package which can be consumed just like any other NPM package. You’ll probably have encountered quite a few hurdles. For example: 1. How do I ensure code quality and reusability? 2. How do I actually publish an NPM package? 3. Can the publishing of packages be automated by CI/CD? 4. How do I provide interactive documentation like Bootstrap or Material UI? In this presentation I will showcase a solid workflow when a developer makes a change and push it to GitHub to automatically publish the package both to NPM and the documentation of storybook to an Azure webapp. It will tackle many hurdles such as GitHub pipelines, NPM publish, Docker and Storybook.