Yann Braga

🇧🇷🇳🇱 Storybook team at @chromaui | Author at @newlinedotco | Speaker |

[Yann Braga @yannbf]

🎉I'm REALLY excited to share my first course at @fullstackio, @storybookjs for React apps!🦄

Throughout 41 lessons I share with you the experience I got both as a heavy Storybook user but also as a maintainer. Tons of good stuff there!

Check it out at 👉https://t.co/fD0GSkftyI

[Yann Braga @yannbf]

@debs_obrien Truly sorry to hear this, Debbie :(
Wishing you best of luck and hopefully a company that truly values what you do will reach out soon 🤞

[Yann Braga @yannbf]

Insane

[Daniel Beauchamp @pushmatrix]

This is three.js running on the Exosphere. 🤯

Rendering in realtime from a browser at 8K / 60fps.

Here’s how Shopify just pulled it off 👇

[VoidZero @voidzerodev]

Watch @yannbf break down component testing (interaction, visual, and accessibility) and demonstrates how to leverage tools like Vitest, Playwright, and Chromatic within Storybook to create a powerful, unified workflow for building and testing robust UI components.

Full video: https://t.co/Z4VQcAZVhj

[Yann Braga @yannbf]

Come join me at ViteConf, we will definitely have a blast!

[ViteConf @ViteConf]

⚡ Speaker highlight: Yann Braga, Core Maintainer at @storybookjs

Storybook is well-known as a one-stop-shop for your components - from development over testing and documentation. Recently, they partnered with @vitest_dev to build the ultimate component testing workflow which includes:

👆 Interaction tests
♿️ Accessibility tests
🖼️ Visual tests
👀 and more

@yannbf will give us some insights and show the full power of Storybook x Vitest at ViteConf 2025.

👉 Get your tickets at https://t.co/cr0a9k7tKm

[Better Stack @BetterStackHQ]

#Storybook 9 is here – faster, leaner, and packed with features like auto story gen, Vite + Next.js support, and more. Which new feature are you most excited to try?

[Yann Braga @yannbf]

There's so much cool stuff here I won't even say, you should try it for yourself now that it's really out! 🙈

[Storybook @storybookjs]

Storybook 9 is here!

▶️ Interaction tests
♿ Accessibility tests
👁️ Visual tests
🛡️ Coverage reports
🚥 Test widget
🪶 48% Leaner
✍️ Story generation
🏷️ Tag-based organization
🌐 Story globals
🏗️ Major updates for Svelte, Next.js, React Native, and more!

Let’s dive in!

[Artem Zakharchenko @kettanaito]

I am opening an RFC to improve MSW experience in Storybook. Your thoughts are welcome!

https://t.co/6AXtav6t4R

[Yann Braga @yannbf]

Wanna work together with us on improving your testing game while using cool tech? Check this out and sign up for the early access program 🤩

[Storybook @storybookjs]

Storybook Test sneak peek 👀

⚡️ Blazing fast tests that run in the browser
🌈 Component, visual, and a11y tests simultaneously
🚦 Visualize results inside Storybook
👉 Click-to-debug in your own browser
🌐 Optimized for test coverage
💻 VSCode integration via Vitest

[Yann Braga @yannbf]

My talk about @storybookjs and @vitest_dev at @ViteConf is now available!

Check this out for some fun content regarding Component Testing and a sneak peek at Storybook 9!
https://t.co/M1J8pDdFLS

[Yann Braga @yannbf]

All of this was possible thanks to the amazing love put into it by @Danny_H_W, big kudos to you! 🙌

[Yann Braga @yannbf]

You have no idea how exciting this is!! Storybook for React Native is now on par with Storybook for Web! Time to upgrade y'all 👀

[Storybook @storybookjs]

Introducing Storybook for React Native 8.3!

🤝 Unified release schedule with web
📱 Brand new mobile UI
↔️ New widescreen layout
⚙️ Simplified Metro config
🔁 Improved hot-reloading
🏆 Stable React Native Web support

[Yann Braga @yannbf]

Aaand the Vitest integration is out! You should check it out 👀

[Storybook @storybookjs]

Storybook 8.3!

⚡️ First-class Vitest integration to run stories as component tests
🔼 Next.js-Vite framework for Vitest compatibility & better DX
🗜️ Reduced bundle size for a 30% smaller install
🌐 Story globals API to standardize stories for themes, viewports, and locales

👇

[Yann Braga @yannbf]

@gfox1984 @storybookjs @vitest_dev Amazing to hear! You can set up code coverage in your vitest config file at the root and it should just work!

[Yann Braga @yannbf]

Wohooo ViteConf is almost here! Join me on October 3rd to see new ways of using Vitest with Storybook 👀

[ViteConf @ViteConf]

Mark your calendars! You don't want to miss Yann Braga's @StorybookJS talk at ViteConf 24! @yannbf and the Storybook team have so much in store, and they'll share it all on October 3rd! 🔥
Grab your free ticket! Only two weeks to go! 🙌

[Yann Braga @yannbf]

@64BitAsura @justinfagnani You should check this out:
https://t.co/ZqpkkW1y5g

[Yann Braga @yannbf]

@sheremet_va has been helping so much, I can't thank them enough!! 🫶

[Yann Braga @yannbf]

@storybookjs ♥️ @vitest_dev

Here's a sneak peak on the Vitest integration, which seems to be quite promising so far:

- See your stories in the Vitest VSCode extension
- Run tests inline directly in the file
- Inline errors for easy understanding and fixing them!

[Yann Braga @yannbf]

@PipoPeperoni @storybookjs Hey Donald! Can you create a GH issue (or link to an existing one) with a reproduction so I can take a look at? The test-runner should definitely catch this.

[Yann Braga @yannbf]

ViteConf, like always, is going to be amazing and you should definitely participate if you can!

https://t.co/mYuceENsos

[Yann Braga @yannbf]

@juliocssampaio @Joaopedrodcf @kettanaito Olha quem tá por aí! 😱