Syntax - Tasty Web Development Treats 908: Storybook Has Evolved w/ Jeppe Reinhold
55 snips
Jun 4, 2025 
Jeppe Reinhold, a software engineer at Chromatic and the driving force behind Storybook's Svelte integration, shares insights on the latest advancements in Storybook 9. He discusses the new features like reduced bloat, seamless Vite integration, and enhanced visual regression testing. The conversation highlights the importance of writing robust UI components, testing practices, and accessibility. Jeppe also emphasizes the evolving role of Storybook in making component design simpler and more efficient for developers.
AI Snips
Chapters
Transcript
Episode notes
Storybook's Core Purpose
- Storybook allows developers to build and test UI components in complete isolation from the main app.
- It serves three main purposes: development, documentation, and testing of components.
Building Site Fully with Storybook
- Wes Bos started building a new site using Storybook from the ground up, focusing on component isolation.
- This method encouraged designing components with clear inputs and outputs, making them more robust and less tightly coupled.
Storybook Bundle Size Reduction
- Storybook's bundling was historically bloated with large dependencies and many packages.
- Storybook 9 drastically reduces bundle size by replacing big packages like Express with smaller ones like Polka and consolidating core packages.