Storybook, Design Systems, and Frontend DX - Jeppe Reinhold

In this episode, I sit down with Jeppe Reinhold, a maintainer of @Storybook and engineer at Chromatic, to break down how Storybook fits into modern frontend development. We dive into: The three pillars of Storybook: development, documentation, and testing How solo developers and teams can benefit differently The role of Storybook in design systems (and what it isn’t) When you shouldn’t use Storybook What’s new in Storybook 9: smaller bundles, integrated testing, and faster workflows Common mistakes new users make—and how to avoid them If you’re a React, Vue, or frontend developer building UIs, this episode will give you practical insights straight from the team shaping the tool. Learn more about Storybook: https://storybook.js.org Follow Jeppe Reinhold: https://x.com/JeppeReinhold 00:00 Introduction to Storybook and Design Systems 04:12 Understanding Storybook: Purpose and Benefits 07:14 Integrating Storybook with Design Systems 10:21 The Three Pillars of Storybook 13:04 Onboarding and Setup Improvements 16:23 Optimizing Stories for Large Projects 19:23 When Not to Use Storybook 22:25 Team Adaptation and Overcoming Resistance 23:50 Interactive Stories and Atomic Design 26:10 Common Mistakes with Storybook 27:36 What's New in Storybook 9 30:26 Best Practices for Naming and Structuring Stories 33:08 Future of Storybook and AI Integration