June 4th, 2025 × #Storybook#Component Testing#Vite#Accessibility
Storybook Has Evolved w/ Jeppe Reinhold
Jeppe Reinhold from the Storybook team shows how Storybook shed its bloat, embraced Vite, and became a legit component testing powerhouse with Vitest, visual tests and a11y checks. Even the skeptics might come around.
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
Sick Picks
- Jeppe: JBL Boombox 3 Wi-Fi
Shameless Plugs
- Jeppe: chromatic
Hit us up on Socials!
Syntax: X Instagram Tiktok LinkedIn Threads
Wes: X Instagram Tiktok LinkedIn Threads
