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 ">00:00 Welcome to Syntax!
• 01:40 ">01:40 What is Storybook?
• 03:48 ">03:48 How Storybook makes component design easier
• 04:41 ">04:41 Vite integration and compatibility with other tools
  • Vite
    
  • webpack
    
  • RSpack
    
• 06:50 ">06:50 Storybook’s significantly smaller bundle size
  • e18e
    
  • polka
    
• 13:31 ">13:31 Upgrading to Storybook 9
• 17:34 ">17:34 Testing components with Storybook
  • Vitest
    
• 19:51 ">19:51 How do you write a component “story”?
• 24:29 ">24:29 Brought to you by Sentry.io
  
• 24:54 ">24:54 How visual testing works
• 28:38 ">28:38 How Storybook makes money
• 29:33 ">29:33 Best practices for component design
• 32:24 ">32:24 Mocking and testing strategies
• 34:49 ">34:49 Accessibility testing
• 40:51 ">40:51 Add-ons and future features
• 44:43 ">44:43 Storybook’s documentation
• 46:33 ">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

Scott: X Instagram Tiktok LinkedIn Threads

Randy: X Instagram YouTube Threads