Yann Braga
@yannbf
Followers
1K
Following
2K
Media
159
Statuses
1K
🇧🇷🇳🇱 Storybook team at @chromaui | Author at @newlinedotco | Speaker | https://t.co/b21XMSta6Y
Amsterdam, NL
Joined November 2011
🎉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
6
29
90
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:
1
6
37
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
0
0
6
#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?
0
1
8
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!
0
0
4
I am opening an RFC to improve MSW experience in Storybook. Your thoughts are welcome! https://t.co/6AXtav6t4R
github.com
Summary This RFS aims to improve the user experience of the msw-storybook-addon by aligning it with the new CSF and other things. Problem Statement The current version of the add-on is cumbersome t...
1
1
9
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 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
1
1
15
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
2
10
31
All of this was possible thanks to the amazing love put into it by @Danny_H_W, big kudos to you! 🙌
0
0
0
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 👀
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
2
0
5
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 👇
0
0
5
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! 🙌
1
4
21
@sheremet_va has been helping so much, I can't thank them enough!! 🫶
0
0
4
ViteConf, like always, is going to be amazing and you should definitely participate if you can! https://t.co/mYuceENsos
viteconf.amsterdam
The Official in-person Vite Conference organised in collaboration with the Creator of Vite, Evan You and Vite Core Team!
0
1
5
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 https://t.co/QUbRDf1tpz
github.com
Vitest 2.0 is here! This release page lists all changes made to the project during the beta. For the migration guide, please refer to the documentation. 🚨 Breaking Changes Simplify mock function g...
8
157
807
We are writing more and more RFCs and are looking for feedback and community participation. We truly appreciate it! ♥️
0
0
1
Next.js plugin for Vite: A plugin that will enable component testing for Next.js components within a Vitest environment: https://t.co/Wwdn6rtE5l
github.com
Summary This RFC proposes a new Vite plugin, vite-plugin-nextjs, to enable component testing for Next.js components within a Vitest environment. This plugin aims to leverage Vitest's new browse...
1
0
3
@storybookjs + @vitest_dev integration: Automatically turn all of your Storybook stories into Vitest tests via setting up a plugin with a single line of code! https://t.co/bRMVSTFQQB
github.com
RFC: Testing stories with Vitest via a plugin Status: Draft 1. Summary This RFC proposes a new method for testing stories in Storybook using a Vitest plugin. The plugin will transform story files i...
1
3
23
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 🧵
1
6
29
We put lots of hard work into Storybook over the past years, happy to see it paying off! Lots more improvements to come!
Storybook was spotlighted in 2023 State of JS results! The results matter a lot to us because they’re one way for maintainers to understand the pulse of the ecosystem. This thread analyzes the results and how we're taking immediate action to evolve Storybook.
0
1
11