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