🇧🇷🇳🇱 Storybook team at @chromaui | Author at @newlinedotco | Speaker | https://xitter.cf/t.co/b21XMSta6Y
Amsterdam, NL
Joined November 2011
- Tweets1.1K
- Following280
- Followers991
- Likes1.6K
Pinned Tweet
🎉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 👉bit.ly/storybook-for-react-a…
Yann Braga retweeted
Thank you to @Spotify for supporting my work on MSW.
You are a huge reason why API mocking is getting better for everybody on the web. This year, we are rolling out something that nobody has ever even tried to achieve before, and your support makes that possible.
❤️
Yann Braga retweeted
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: youtu.be/YNQ_cJ6yy2Q
Come join me at ViteConf, we will definitely have a blast!
⚡ 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 viteconf.amsterdam/
Yann Braga retweeted
#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?
There's so much cool stuff here I won't even say, you should try it for yourself now that it's really out! 🙈
Yann Braga retweeted
I am opening an RFC to improve MSW experience in Storybook. Your thoughts are welcome!
github.com/storybookjs/story…
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 🤩
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!
youtube.com/watch?v=8t5wxrFp…
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 👀
All of this was possible thanks to the amazing love put into it by @Danny_H_W, big kudos to you! 🙌
Aaand the Vitest integration is out! You should check it out 👀
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
👇
ALT In a row, Storybook logo, a handdrawn heart, and the Vitest logo, on a purple-to-pink gradient background.
Wohooo ViteConf is almost here! Join me on October 3rd to see new ways of using Vitest with Storybook 👀
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! 🙌
@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!
ViteConf, like always, is going to be amazing and you should definitely participate if you can!
viteconf.org/24/tickets/yann…
Yann Braga retweeted
Vitest 2.0 is out!
- better Browser Mode support (still experimental)
- stability improvements (`forks` pool is now the default)
- new `blob` reporter to merge reports from different processes
- a lot of bug fixes
github.com/vitest-dev/vitest…
If you're using @vite_js and @storybookjs, take a look at the RFCs we wrote for a new Storybook+Vitest integration and a @nextjs plugin!
Exciting times ahead, but your feedback is super important so please check them out 🧵
Next.js plugin for Vite:
A plugin that will enable component testing for Next.js components within a Vitest environment:
github.com/storybookjs/story…
