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 easier04:41 Vite integration and compatibility with other tools Vite

webpack

RSpack

06:50 Storybook’s significantly smaller bundle size e18e

polka

13:31 Upgrading to Storybook 917:34 Testing components with Storybook Vitest

19:51 How do you write a component “story”?24:29 Brought to you by Sentry.io

24:54 How visual testing works28:38 How Storybook makes money29:33 Best practices for component design32:24 Mocking and testing strategies34:49 Accessibility testing40:51 Add-ons and future features44:43 Storybook’s documentation46:33 Sick Picks + Shameless plugsSick Picks Jeppe: JBL Boombox 3 Wi-Fi

Shameless Plugs Jeppe: chromatic

Hit us up on Socials! Syntax: X Instagram Tiktok LinkedIn ThreadsWes: X Instagram Tiktok LinkedIn ThreadsScott: X Instagram Tiktok LinkedIn ThreadsRandy: X Instagram YouTube Threads