908: Storybook Has Evolved w/ Jeppe Reinhold 1375n

Wes and Scott talk with Jeppe Reinhold about Storybook 9’s powerful new features—including...

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 Vite
webpack
RSpack

06:50 Storybook’s significantly smaller bundle size e18e
polka

13:31 Upgrading to Storybook 9
17: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 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
Scott: X Instagram Tiktok LinkedIn Threads
Randy: X Instagram YouTube Threads

907: Wes’ New Site: Gatsby → React Server Components 7 días 44:39 905: You Should Learn Nuxt! 14 días 27:37 904: React vs Svelte × Windsurf Worth $3B × Typescript as Const × Layout Shift Tricks × More 19 días 51:14 903: Fork Yeah! Microsoft open sourcing Copilot 21 días 57:42 902: Fullstack Cloudflare with React and Vite (Redwood SDK) 26 días 46:53 Ver más en APP Comentarios del episodio 3d241q