Video Description

🔥 Be the ~14,700th person to join our super tasty newsletter https://bit.ly/syntax_snackpack 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. (00:00) - Welcome to Syntax! (01:40) - What is Storybook? (03:48) - How Storybook makes component design easier (04:42) - 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 (29:03) - How Storybook makes money (29:58) - Best practices for component design (32:49) - Mocking and testing strategies (35:14) - Accessibility testing (41:16) - Add-ons and future features (45:08) - Storybook's documentation (46:57) - Sick Picks + Shameless plugs All links available at https://syntax.fm/908 ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev