908: Storybook Has Evolved w/ Jeppe Reinhold

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

• Welcome to Syntax!
• What is Storybook?
• How Storybook makes component design easier
• Vite integration and compatibility with other tools
  • Vite
  • webpack
  • RSpack
• Storybook’s significantly smaller bundle size
  • e18e
  • polka
• Upgrading to Storybook 9
• Testing components with Storybook
  • Vitest
• How do you write a component “story”?
• Brought to you by Sentry.io
• How visual testing works
• How Storybook makes money
• Best practices for component design
• Mocking and testing strategies
• Accessibility testing
• Add-ons and future features
• Storybook’s documentation
• 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