On The Bike Shed, hosts Joël Quenneville and Stephanie Minn discuss development experiences and challenges at thoughtbot with Ruby, Rails, JavaScript, and whatever else is drawing their attention, admiration, or ire this week.
…
continue reading
Manage episode 486809952 series 1469447
Content provided by Wes Bos and Scott Tolinski - Full Stack JavaScript Web Developers. All podcast content including episodes, graphics, and podcast descriptions are uploaded and provided directly by Wes Bos and Scott Tolinski - Full Stack JavaScript Web Developers or their podcast platform partner. If you believe someone is using your copyrighted work without your permission, you can follow the process outlined here https://staging.podcastplayer.com/legal.
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
- 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
- 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
- Jeppe: JBL Boombox 3 Wi-Fi
- Jeppe: chromatic
Syntax: X Instagram Tiktok LinkedIn Threads
Wes: X Instagram Tiktok LinkedIn Threads
920 episodes