meta_pixel
Tapesearch Logo
Log in
Syntax - Tasty Web Development Treats

908: Storybook Has Evolved w/ Jeppe Reinhold

Syntax - Tasty Web Development Treats

Wes Bos

Js, Technology, Css, Html5, Tech News, Webdevelopment, News, Javascript, Html

4.9 • 1.1K Ratings

🗓️ 4 June 2025

⏱️ 50 minutes

🔗️ Recording | iTunes | RSS

🧾️ Download transcript

Summary

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

Sick Picks

Shameless Plugs

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

Transcript

Click on a timestamp to play from that location

0:00.0

Welcome to Syntax. Today, we're talking with Yeppe Reinhold about Storybook.

0:07.0

Storybook has announced a new version that's in beta, version number nine. We are using

0:13.2

Storybook on the syntax site. And I thought this would be a great opportunity to catch up

0:19.4

and really see what's been going on with Storybook

0:22.5

lately. Longtime listeners of the show will know that in one of the very first syntax episodes

0:28.8

back in 2017, we were talking about React Storybook. So Storybook is not new to the game. They've

0:35.6

been here a long, long time. And there has been a lot of stuff going on.

0:39.4

So, Yeppe, welcome to the show.

0:42.2

Thank you.

0:42.7

I'm super happy to be here.

0:44.0

This is going to be a lot of fun.

0:45.7

Awesome.

0:46.1

So give us a rundown of who you are and what you do, and then we'll get into the storybook stuff.

0:52.7

Right.

0:53.0

So I'm Yeppe. I'm a software engineer at the storybook team in Chromatic.

0:59.0

Chromatic is the company that funds the development of Storybook.

1:02.0

And it's sort of like something that builds on top of storybook, essentially.

1:08.0

And I've been working in the storybook team for almost three years now.

1:11.6

It's a joy working in open source every single day, working with the tool chain that I love, JavaScript.

1:18.6

I am also responsible for the Sveldt integration of Storybook.

1:23.6

That's how I met Scott.

1:25.6

Oh, yeah.

...

Please login to see the full transcript.

Previous episode | Next episode

Disclaimer: The podcast and artwork embedded on this page are from Wes Bos, and are the property of its owner and not affiliated with or endorsed by Tapesearch.

Generated transcripts are the property of Wes Bos and are distributed freely under the Fair Use doctrine. Transcripts generated by Tapesearch are not guaranteed to be accurate.

Copyright © Tapesearch 2025.