Yann Braga
@yannbf.bsky.social
🇧🇷🇳🇱 Storybook team at Chromatic | Author at Newline | Speaker | http://yannbraga.dev
Hey everyone! We're actively experimenting with AI in Storybook so we can provide you an excellent developer experience. We now have an MCP server to serve as your companion when working on your project. Check this out and sign up to be part of our early access list <3
🧵 (1/3) Most AI-generated code looks good until you try to merge it. Wrong props, odd states, subtle regressions.
Storybook MCP fixes that.
It turns your stories, docs & tests into machine-readable context so agents actually follow your patterns.
Storybook MCP fixes that.
It turns your stories, docs & tests into machine-readable context so agents actually follow your patterns.
November 18, 2025 at 8:15 AM
Hey everyone! We're actively experimenting with AI in Storybook so we can provide you an excellent developer experience. We now have an MCP server to serve as your companion when working on your project. Check this out and sign up to be part of our early access list <3
Storybook 10 is out! And jampacked with good stuff, check it out :D
Storybook 10 is here!
✂️ ESM-only (the only breaking change!)
🧩 Module automocking for easier testing
🏭 Typesafe CSF factories Preview for React
💫 UI editing and sharing optimizations
🏷️ Tag filtering exclusion for sidebar management
🔀 Svelte async component support
✂️ ESM-only (the only breaking change!)
🧩 Module automocking for easier testing
🏭 Typesafe CSF factories Preview for React
💫 UI editing and sharing optimizations
🏷️ Tag filtering exclusion for sidebar management
🔀 Svelte async component support
Storybook 10
ESM-only, 29% lighter, module automocking, and more
storybook.js.org
November 4, 2025 at 8:38 PM
Storybook 10 is out! And jampacked with good stuff, check it out :D
Hey there peeps! Wanna join our team? Check this out!!👇
Something rare is happening. We're opening up a position in the @storybook.js.org team! Not only that, but it's fully remote, in Central European Time!
If you want to maintain OSS, love the JS ecosystem and enjoys tinkering with the details that makes it all work behind the scenes, check it out!
If you want to maintain OSS, love the JS ecosystem and enjoys tinkering with the details that makes it all work behind the scenes, check it out!
Chromatic • We're hiring!
loading
www.chromatic.com
October 27, 2025 at 12:33 PM
Hey there peeps! Wanna join our team? Check this out!!👇
Reposted by Yann Braga
🎙️ Just published a new episode of Svelte Radio: Storybook is actually good now, with Jeppe Reinhold. Have a listen:
Storybook is actually good now, with Jeppe Reinhold
SummaryIn this episode of Svelt Radio, the hosts welcome Jeppe Reinhold...
www.svelteradio.com
October 16, 2025 at 9:00 AM
🎙️ Just published a new episode of Svelte Radio: Storybook is actually good now, with Jeppe Reinhold. Have a listen:
Reposted by Yann Braga
⚡ Speaker highlight: Yann Braga, Core Maintainer at @storybook.js.org
Storybook is well-known as a one-stop-shop for your components and partnered with @vitest.dev to build the ultimate component testing flow.
@yannbf.bsky.social will give us insights and show the full power of Storybook x Vitest
Storybook is well-known as a one-stop-shop for your components and partnered with @vitest.dev to build the ultimate component testing flow.
@yannbf.bsky.social will give us insights and show the full power of Storybook x Vitest
August 21, 2025 at 7:43 PM
⚡ Speaker highlight: Yann Braga, Core Maintainer at @storybook.js.org
Storybook is well-known as a one-stop-shop for your components and partnered with @vitest.dev to build the ultimate component testing flow.
@yannbf.bsky.social will give us insights and show the full power of Storybook x Vitest
Storybook is well-known as a one-stop-shop for your components and partnered with @vitest.dev to build the ultimate component testing flow.
@yannbf.bsky.social will give us insights and show the full power of Storybook x Vitest
Reposted by Yann Braga
Full speed ahead on component testing for React Server Components!
✅ vitest-plugin-rsc canary now on npm
✅ vite RSC refactor for testing support
✅ @nextjs.org context providers
✅ Notes app demo with tests
👉 github.com/kasperpeulen...
✅ vitest-plugin-rsc canary now on npm
✅ vite RSC refactor for testing support
✅ @nextjs.org context providers
✅ Notes app demo with tests
👉 github.com/kasperpeulen...
August 7, 2025 at 5:47 PM
Full speed ahead on component testing for React Server Components!
✅ vitest-plugin-rsc canary now on npm
✅ vite RSC refactor for testing support
✅ @nextjs.org context providers
✅ Notes app demo with tests
👉 github.com/kasperpeulen...
✅ vitest-plugin-rsc canary now on npm
✅ vite RSC refactor for testing support
✅ @nextjs.org context providers
✅ Notes app demo with tests
👉 github.com/kasperpeulen...
Reposted by Yann Braga
Come join us, it's going to be fun!!
Today in 'This Week in Svelte' @reinhold.is will join the stream to talk about Storybook.
youtube.com/live/GQLgq09...
youtube.com/live/GQLgq09...
This Week in Svelte, Ep. 112 — Changelog, Storybook
youtube.com
August 1, 2025 at 10:50 AM
Come join us, it's going to be fun!!
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 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!
▶️ 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!
June 3, 2025 at 7:55 PM
There's so much cool stuff here I won't even say, you should try it for yourself now that it's really out! 🙈
What a fantastic read!
I've moved Reshaped to a new testing setup and so I've decided to make a small write-up about it, what I liked in it and what were the main migration challenges. If you write tests for your design system and look for a change – definitely take a read ✨
reshaped.so/blog/testing...
reshaped.so/blog/testing...
Testing design systems in 2025 - Reshaped
Let's dive into how UI component testing is approached today and how new tools released this year could simplify testing for the library authors.
reshaped.so
March 20, 2025 at 12:08 PM
What a fantastic read!
Real pictures of before and after I joined the @bluemangroup.bsky.social at #jsworld
March 14, 2025 at 2:15 PM
Real pictures of before and after I joined the @bluemangroup.bsky.social at #jsworld
Super excited to share a lot of awesome stuff with you soon (in less than 1 hour!)
Catch our own @yannbf.bsky.social speak on JSWorld's livestream tomorrow at 10:24 CET. It's free!
He'll help you test your UI components, using Storybook.
www.youtube.com/watch?v=5mn3...
He'll help you test your UI components, using Storybook.
www.youtube.com/watch?v=5mn3...
JSWORLD Conference 2025 Day 3
YouTube video by JSWORLD Conference
www.youtube.com
March 14, 2025 at 8:31 AM
Super excited to share a lot of awesome stuff with you soon (in less than 1 hour!)
If you use or is interested in Storybook, I'd love to hear your thoughts on these proposals. We are working on making it typesafe and intuitive to write stories and tests in Storybook, check this out!
When it comes to writing stories, improved typesafety and autocompletion are @storybook.js.org's top user requests. We've also heard our "play" function feels too different from the rest of the testing ecosystem.
We want to address this feedback in Storybook 9. 🧵
We want to address this feedback in Storybook 9. 🧵
January 12, 2025 at 10:31 AM
If you use or is interested in Storybook, I'd love to hear your thoughts on these proposals. We are working on making it typesafe and intuitive to write stories and tests in Storybook, check this out!
Storybook 8.5 has reached beta ✨
There are tons of interesting features there – including automatic a11y testing – you should check it out 👀
Feel free to ask anything about it!
github.com/storybookjs/...
There are tons of interesting features there – including automatic a11y testing – you should check it out 👀
Feel free to ask anything about it!
github.com/storybookjs/...
Release v8.5.0-beta.1 · storybookjs/storybook
8.5.0-beta.1
Addon A11y: Add conditional rendering for a11y violation number in Testing Module - #30073, thanks @valentinpalkovic!
Addon A11y: Remove warnings API - #30049, thanks @kasperpeulen!
A...
github.com
December 16, 2024 at 6:10 PM
Storybook 8.5 has reached beta ✨
There are tons of interesting features there – including automatic a11y testing – you should check it out 👀
Feel free to ask anything about it!
github.com/storybookjs/...
There are tons of interesting features there – including automatic a11y testing – you should check it out 👀
Feel free to ask anything about it!
github.com/storybookjs/...
Reposted by Yann Braga
Reposted by Yann Braga
I’m looking for engineers to do user interviews for @storybook.js.org:
- Senior+ / tech lead type
- Full stack or frontend app dev
- ❗️Have *not* used storybook professionally
- Cares about testing
Know anyone that’d lend me 30 mins? Hook us up pls 🙏.
- Senior+ / tech lead type
- Full stack or frontend app dev
- ❗️Have *not* used storybook professionally
- Cares about testing
Know anyone that’d lend me 30 mins? Hook us up pls 🙏.
December 9, 2024 at 8:23 PM
I’m looking for engineers to do user interviews for @storybook.js.org:
- Senior+ / tech lead type
- Full stack or frontend app dev
- ❗️Have *not* used storybook professionally
- Cares about testing
Know anyone that’d lend me 30 mins? Hook us up pls 🙏.
- Senior+ / tech lead type
- Full stack or frontend app dev
- ❗️Have *not* used storybook professionally
- Cares about testing
Know anyone that’d lend me 30 mins? Hook us up pls 🙏.
Reposted by Yann Braga
Seeking a new role👍 If you hear of any opportunities/wanna catch up, DM/comment.
💼Looking for FE Dev(mid-level), Full Stack Dev (mid-level), DevRel(senior-level), & Docs Engineer(mid-senior) roles
🌎 Open to roles in remote & hybrid(🇩🇪)
🏆Experience: FE & Full Stack Dev(4 years) & DevRel(3.5 years)
💼Looking for FE Dev(mid-level), Full Stack Dev (mid-level), DevRel(senior-level), & Docs Engineer(mid-senior) roles
🌎 Open to roles in remote & hybrid(🇩🇪)
🏆Experience: FE & Full Stack Dev(4 years) & DevRel(3.5 years)
December 5, 2024 at 1:35 PM
Seeking a new role👍 If you hear of any opportunities/wanna catch up, DM/comment.
💼Looking for FE Dev(mid-level), Full Stack Dev (mid-level), DevRel(senior-level), & Docs Engineer(mid-senior) roles
🌎 Open to roles in remote & hybrid(🇩🇪)
🏆Experience: FE & Full Stack Dev(4 years) & DevRel(3.5 years)
💼Looking for FE Dev(mid-level), Full Stack Dev (mid-level), DevRel(senior-level), & Docs Engineer(mid-senior) roles
🌎 Open to roles in remote & hybrid(🇩🇪)
🏆Experience: FE & Full Stack Dev(4 years) & DevRel(3.5 years)
Rendering (and testing) React Server Components in the browser is possible and this shows you how! It's crazy that you're able to achieve such code coverage in components.
🙅 Firing up your whole E2E setup just to test React Server Components (RSCs)
🙌 Component testing RSCs in the browser, with mocked complex app states and reliable speed
Check our newest blog post, or read on for the highlights.
storybook.js.org/blog/compone...
🙌 Component testing RSCs in the browser, with mocked complex app states and reliable speed
Check our newest blog post, or read on for the highlights.
storybook.js.org/blog/compone...
Component testing RSCs
Fully test React Server Components in the browser, fast
storybook.js.org
December 3, 2024 at 9:41 PM
Rendering (and testing) React Server Components in the browser is possible and this shows you how! It's crazy that you're able to achieve such code coverage in components.
What an interesting couple of weeks:
- @nextjs.org 15 released
- Angular 19 released
- @vite.dev 6 released
And of course at the moment they are released, issues in Storybook pop up with users asking for support. Fortunately we got it all working in a short time, but what a ride that was 😮💨
- @nextjs.org 15 released
- Angular 19 released
- @vite.dev 6 released
And of course at the moment they are released, issues in Storybook pop up with users asking for support. Fortunately we got it all working in a short time, but what a ride that was 😮💨
November 29, 2024 at 5:10 PM
What an interesting couple of weeks:
- @nextjs.org 15 released
- Angular 19 released
- @vite.dev 6 released
And of course at the moment they are released, issues in Storybook pop up with users asking for support. Fortunately we got it all working in a short time, but what a ride that was 😮💨
- @nextjs.org 15 released
- Angular 19 released
- @vite.dev 6 released
And of course at the moment they are released, issues in Storybook pop up with users asking for support. Fortunately we got it all working in a short time, but what a ride that was 😮💨
This comment (about @storybook.js.org Test) during our kick-off just made my day ♥️
November 26, 2024 at 4:15 PM
This comment (about @storybook.js.org Test) during our kick-off just made my day ♥️
Hey peeps! In 35min we're doing another kickoff meeting for the Storybook Test early access program. Come learn what we've been doing to build the best way to test your components 🫰
us02web.zoom.us/j/8405223993...
us02web.zoom.us/j/8405223993...
Join our Cloud HD Video Meeting
Zoom is the leader in modern enterprise video communications, with an easy, reliable cloud platform for video and audio conferencing, chat, and webinars across mobile, desktop, and room systems. Zoom ...
us02web.zoom.us
November 26, 2024 at 2:24 PM
Hey peeps! In 35min we're doing another kickoff meeting for the Storybook Test early access program. Come learn what we've been doing to build the best way to test your components 🫰
us02web.zoom.us/j/8405223993...
us02web.zoom.us/j/8405223993...
Reposted by Yann Braga
We're alpha testing React Native Web Vite for @storybook.js.org !
Kick the tires if you build in RN and want to:
- Develop components in isolation
- Document a design system
- Test components or pages
Hit us up on GH or SB Discord #react-native for help
storybook.js.org/docs/8.5/get...
Kick the tires if you build in RN and want to:
- Develop components in isolation
- Document a design system
- Test components or pages
Hit us up on GH or SB Discord #react-native for help
storybook.js.org/docs/8.5/get...
Storybook for React Native Web | Storybook
Storybook is a frontend workshop for building UI components and pages in isolation. Thousands of teams use it for UI development, testing, and documentation. It's open source and free.
storybook.js.org
November 23, 2024 at 8:32 AM
We're alpha testing React Native Web Vite for @storybook.js.org !
Kick the tires if you build in RN and want to:
- Develop components in isolation
- Document a design system
- Test components or pages
Hit us up on GH or SB Discord #react-native for help
storybook.js.org/docs/8.5/get...
Kick the tires if you build in RN and want to:
- Develop components in isolation
- Document a design system
- Test components or pages
Hit us up on GH or SB Discord #react-native for help
storybook.js.org/docs/8.5/get...
Reposted by Yann Braga
Frontend testing is faster with @storybook.js.org. We slashed CI runtime for one of our early adopters by almost 50%!! 🤩
storybook.js.org/sb-test-eap
storybook.js.org/sb-test-eap
November 21, 2024 at 4:41 AM
Frontend testing is faster with @storybook.js.org. We slashed CI runtime for one of our early adopters by almost 50%!! 🤩
storybook.js.org/sb-test-eap
storybook.js.org/sb-test-eap
Reposted by Yann Braga
🆕 Run component tests—fast—on a group of stories.
Want to use it in your project? Sign up for early access:
storybook.js.org/sb-test-eap
Want to use it in your project? Sign up for early access:
storybook.js.org/sb-test-eap
November 19, 2024 at 6:57 PM
🆕 Run component tests—fast—on a group of stories.
Want to use it in your project? Sign up for early access:
storybook.js.org/sb-test-eap
Want to use it in your project? Sign up for early access:
storybook.js.org/sb-test-eap
We are having some fun with developers that are experimenting with a very cool way of testing UI. If you'd like to join, check this out!
Storybook Test early access program is 🔥🔥🔥. We're improving @storybook.js.org AND @vitest.dev and writing effective component tests along the way.
If this sounds fun, please join in -- the more the merrier!!
storybook.js.org/sb-test-eap
If this sounds fun, please join in -- the more the merrier!!
storybook.js.org/sb-test-eap
Get early access to Storybook Test
Storybook Test is a best-in-class workflow for developing robust UI components. It uses Vitest to test all your stories (component examples) in a Playwright browser.
- ⚡️ Blazing fast tests that run i...
storybook.js.org
November 15, 2024 at 1:32 PM
We are having some fun with developers that are experimenting with a very cool way of testing UI. If you'd like to join, check this out!
Reposted by Yann Braga
My chapter at OpenSauced has closed, and I'm looking for my next role! If your team needs someone who knows Angular/Nx/Next.js/Open Source, please reach out!
Open to contract work also 🤝
In the meantime, I'll be working on @analogjs.org and NgRx 🥰
Open to contract work also 🤝
In the meantime, I'll be working on @analogjs.org and NgRx 🥰
November 13, 2024 at 3:20 PM
My chapter at OpenSauced has closed, and I'm looking for my next role! If your team needs someone who knows Angular/Nx/Next.js/Open Source, please reach out!
Open to contract work also 🤝
In the meantime, I'll be working on @analogjs.org and NgRx 🥰
Open to contract work also 🤝
In the meantime, I'll be working on @analogjs.org and NgRx 🥰