908: Storybook Has Evolved w/ Jeppe Reinhold
Jun 04, 2025•50 min
Listen to this episode in Metacast mobile app
Don't just listen to podcasts. Learn from them with transcripts, summaries, and chapters for every episode. Skim, search, and bookmark insights. Learn more
Summary
Wes and Scott interview Jeppe Reinhold about Storybook 9, highlighting its major improvements like significantly reduced bundle size, seamless Vite integration, and enhanced testing capabilities. The discussion covers component design best practices, visual regression testing with Chromatic, automated accessibility checks, and the philosophy behind testing UI components in isolation to build more robust applications.Episode description
Wes and Scott talk with Jeppe Reinhold about Storybook 9’s powerful new features—including drastically reduced bloat, seamless Vite integration, and next-level component testing. They dive into visual regression testing, accessibility, performance, and best practices for writing robust, isolated UI components developers can actually enjoy testing and documenting.
Show Notes- 00:00 Welcome to Syntax!
- 01:40 What is Storybook?
- 03:48 How Storybook makes component design easier
- 04:41 Vite integration and compatibility with other tools
- 06:50 Storybook’s significantly smaller bundle size
- 13:31 Upgrading to Storybook 9
- 17:34 Testing components with Storybook
- 19:51 How do you write a component “story”?
- 24:29 Brought to you by Sentry.io
- 24:54 How visual testing works
- 28:38 How Storybook makes money
- 29:33 Best practices for component design
- 32:24 Mocking and testing strategies
- 34:49 Accessibility testing
- 40:51 Add-ons and future features
- 44:43 Storybook’s documentation
- 46:33 Sick Picks + Shameless plugs
- Jeppe: JBL Boombox 3 Wi-Fi
- Jeppe: chromatic
Syntax: X Instagram Tiktok LinkedIn Threads
Wes: X Instagram Tiktok LinkedIn Threads
For the best experience, listen in Metacast app for iOS or Android