Reuben Ellis
@reubenellis.bsky.social
Solutions Engineer at chromatic.com and storybook.js.org
Passionate about automation and Integrations 🔥
Most of all, inspired to make DX day-to-day, better 🙌
Passionate about automation and Integrations 🔥
Most of all, inspired to make DX day-to-day, better 🙌
Reposted by Reuben Ellis
🧵 (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 17, 2025 at 8:06 PM
🧵 (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.
Reposted by Reuben Ellis
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 7:02 PM
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
Reposted by Reuben Ellis
🆕 Building beautiful components faster with Storybook 9 and Expo
This guest post by @dannyhw.com covers how to:
• Add Storybook 9 to an Expo app
• Catalog UI states and share them with your team
• Distribute Storybook builds using EAS
• Reuse stories for automated tests
expo.dev/blog/storybo...
This guest post by @dannyhw.com covers how to:
• Add Storybook 9 to an Expo app
• Catalog UI states and share them with your team
• Distribute Storybook builds using EAS
• Reuse stories for automated tests
expo.dev/blog/storybo...
Building beautiful components faster with Storybook 9 and Expo
Learn how to set up Storybook 9 in your Expo app to build, test, and share React Native UI components faster and with less friction.
expo.dev
September 25, 2025 at 5:59 PM
🆕 Building beautiful components faster with Storybook 9 and Expo
This guest post by @dannyhw.com covers how to:
• Add Storybook 9 to an Expo app
• Catalog UI states and share them with your team
• Distribute Storybook builds using EAS
• Reuse stories for automated tests
expo.dev/blog/storybo...
This guest post by @dannyhw.com covers how to:
• Add Storybook 9 to an Expo app
• Catalog UI states and share them with your team
• Distribute Storybook builds using EAS
• Reuse stories for automated tests
expo.dev/blog/storybo...
Reposted by Reuben Ellis
Storybook 10 (now in beta) is ESM-only.
🤏 Smaller package size (15%)
🫧 Cleaner, simpler codebase
⛓️💥 Reduced bugs from module duplication and aliasing
🧱 A more future-proof foundation for Storybook and its ecosystem
Read all about why we’ve made the transition and what it means for you:
🤏 Smaller package size (15%)
🫧 Cleaner, simpler codebase
⛓️💥 Reduced bugs from module duplication and aliasing
🧱 A more future-proof foundation for Storybook and its ecosystem
Read all about why we’ve made the transition and what it means for you:
Storybook is going ESM-only
Smaller, simpler, and modern
storybook.js.org
September 23, 2025 at 6:00 PM
Storybook 10 (now in beta) is ESM-only.
🤏 Smaller package size (15%)
🫧 Cleaner, simpler codebase
⛓️💥 Reduced bugs from module duplication and aliasing
🧱 A more future-proof foundation for Storybook and its ecosystem
Read all about why we’ve made the transition and what it means for you:
🤏 Smaller package size (15%)
🫧 Cleaner, simpler codebase
⛓️💥 Reduced bugs from module duplication and aliasing
🧱 A more future-proof foundation for Storybook and its ecosystem
Read all about why we’ve made the transition and what it means for you:
Reposted by Reuben Ellis
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!!
Reposted by Reuben Ellis
🚀 Chromatic's Accessibility Testing & Dashboard are now live!
Powered by Storybook & axe, we're making accessibility compliance seamless across your entire dev lifecycle—without slowing you down.
Powered by Storybook & axe, we're making accessibility compliance seamless across your entire dev lifecycle—without slowing you down.
July 8, 2025 at 3:52 PM
🚀 Chromatic's Accessibility Testing & Dashboard are now live!
Powered by Storybook & axe, we're making accessibility compliance seamless across your entire dev lifecycle—without slowing you down.
Powered by Storybook & axe, we're making accessibility compliance seamless across your entire dev lifecycle—without slowing you down.
I’m so excited for this release! The Storybook team has been hard at work making Storybook so much easier to use, faster, and truly a testing first tool! 🎉🎉🎉
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 8:13 PM
I’m so excited for this release! The Storybook team has been hard at work making Storybook so much easier to use, faster, and truly a testing first tool! 🎉🎉🎉
This is an amazing Talk, given by my incredible colleague and friend, Jeppe! Definitely worth the watch!
The next talk from Svelte Summit Spring 2025 by @reinhold.is is also related to testing — Strike the Perfect Balance: Component Testing with Storybook, Svelte, and Vitest.
youtu.be/mdyRQDDp28s
youtu.be/mdyRQDDp28s
Component Testing with Storybook, Svelte, and Vitest — Svelte Summit Spring 2025
YouTube video by Svelte Society
youtu.be
May 30, 2025 at 10:33 AM
This is an amazing Talk, given by my incredible colleague and friend, Jeppe! Definitely worth the watch!
@joevaughan.net you’re positivity is greatly missed! I hope you are doing amazing!
April 30, 2025 at 1:26 AM
@joevaughan.net you’re positivity is greatly missed! I hope you are doing amazing!
Reposted by Reuben Ellis
Come join us all! I'll give you a high five! If you like this post I'll even throw in a great bear hug!
This is your last chance to get an in-person ticket for the upcoming Svelte Summit next month! Use the code last-chance to get 33% off. Ticket sale closes on April 30th. www.sveltesummit.com
Svelte Summit Spring 2025: Barcelona & online
The next in-person Svelte Summit will happen on May 8 and 9 in Barcelona, Spain! Get your tickets and submit your proposals now!
www.sveltesummit.com
April 24, 2025 at 3:35 PM
Come join us all! I'll give you a high five! If you like this post I'll even throw in a great bear hug!
Reposted by Reuben Ellis
Storybook 9 is now in beta!
It’s ready for you to try today.
Let’s see what’s inside…
It’s ready for you to try today.
Let’s see what’s inside…
Storybook 9 is now in beta
Try the future of UI testing today
storybook.js.org
April 24, 2025 at 8:03 PM
Storybook 9 is now in beta!
It’s ready for you to try today.
Let’s see what’s inside…
It’s ready for you to try today.
Let’s see what’s inside…
Reposted by Reuben Ellis
Storybook 9 beta!
So much blood/sweat/tears from @storybook.js.org and @vitest.dev teams to create the future of UI testing.
Please kick the tires in your project to help us stabilize for GA. 🙏
So much blood/sweat/tears from @storybook.js.org and @vitest.dev teams to create the future of UI testing.
Please kick the tires in your project to help us stabilize for GA. 🙏
Storybook 9 is now in beta!
It’s ready for you to try today.
Let’s see what’s inside…
It’s ready for you to try today.
Let’s see what’s inside…
Storybook 9 is now in beta
Try the future of UI testing today
storybook.js.org
April 25, 2025 at 12:39 AM
Storybook 9 beta!
So much blood/sweat/tears from @storybook.js.org and @vitest.dev teams to create the future of UI testing.
Please kick the tires in your project to help us stabilize for GA. 🙏
So much blood/sweat/tears from @storybook.js.org and @vitest.dev teams to create the future of UI testing.
Please kick the tires in your project to help us stabilize for GA. 🙏
Reposted by Reuben Ellis
Storybook Test
It’s a batteries-included combo of the best UI development and testing tools: Storybook, @vitest.dev's browser mode, and @playwright.dev. Run interaction, accessibility, and visual tests with a click and get real-time feedback inside your Storybook.
It’s a batteries-included combo of the best UI development and testing tools: Storybook, @vitest.dev's browser mode, and @playwright.dev. Run interaction, accessibility, and visual tests with a click and get real-time feedback inside your Storybook.
April 24, 2025 at 8:03 PM
Storybook Test
It’s a batteries-included combo of the best UI development and testing tools: Storybook, @vitest.dev's browser mode, and @playwright.dev. Run interaction, accessibility, and visual tests with a click and get real-time feedback inside your Storybook.
It’s a batteries-included combo of the best UI development and testing tools: Storybook, @vitest.dev's browser mode, and @playwright.dev. Run interaction, accessibility, and visual tests with a click and get real-time feedback inside your Storybook.
Reposted by Reuben Ellis
Working on this with the team—and community—for the past ~year has been a career highlight.
I'll never go back to unit testing my components.
I'll never go back to unit testing my components.
Storybook 9 is now in beta!
It’s ready for you to try today.
Let’s see what’s inside…
It’s ready for you to try today.
Let’s see what’s inside…
Storybook 9 is now in beta
Try the future of UI testing today
storybook.js.org
April 24, 2025 at 8:32 PM
Working on this with the team—and community—for the past ~year has been a career highlight.
I'll never go back to unit testing my components.
I'll never go back to unit testing my components.
The storybook team has done it again!!! If you are ready to take your engineers to the next level and have a ton of full-featured tests in the form of stories, that not only act as visual tests but also functional tests, then get ready for storybook 9 🎉🎉🎉
Storybook 9 is now in beta!
It’s ready for you to try today.
Let’s see what’s inside…
It’s ready for you to try today.
Let’s see what’s inside…
Storybook 9 is now in beta
Try the future of UI testing today
storybook.js.org
April 25, 2025 at 12:01 AM
The storybook team has done it again!!! If you are ready to take your engineers to the next level and have a ton of full-featured tests in the form of stories, that not only act as visual tests but also functional tests, then get ready for storybook 9 🎉🎉🎉
I'm so excited for this 🎉. Automated accessibility is a game changer and brings even more confidence to engineers making UI changes!!!!!
We’re excited to share a sneak peek of Accessibility Regression Testing which combines Storybook & axe with Chromatic's specialized regression workflow.
🧩 Component-level scans find the root cause
🚦 Regression checks stop repeat violations
📈 Real-time reports track progress over time
🧩 Component-level scans find the root cause
🚦 Regression checks stop repeat violations
📈 Real-time reports track progress over time
March 11, 2025 at 5:44 PM
I'm so excited for this 🎉. Automated accessibility is a game changer and brings even more confidence to engineers making UI changes!!!!!
Reposted by Reuben Ellis
We’re excited to share a sneak peek of Accessibility Regression Testing which combines Storybook & axe with Chromatic's specialized regression workflow.
🧩 Component-level scans find the root cause
🚦 Regression checks stop repeat violations
📈 Real-time reports track progress over time
🧩 Component-level scans find the root cause
🚦 Regression checks stop repeat violations
📈 Real-time reports track progress over time
March 11, 2025 at 3:26 PM
We’re excited to share a sneak peek of Accessibility Regression Testing which combines Storybook & axe with Chromatic's specialized regression workflow.
🧩 Component-level scans find the root cause
🚦 Regression checks stop repeat violations
📈 Real-time reports track progress over time
🧩 Component-level scans find the root cause
🚦 Regression checks stop repeat violations
📈 Real-time reports track progress over time
Reposted by Reuben Ellis
It's official! I'm speaking at Svelte Summit, come see me in Barcelona in May! Can't wait to meet you all in person!
I'll be diving into @svelte.dev with @storybook.js.org, and how you can use it to write delicious Component Tests! 🚀
Might also include a surprise collab... 🙊
I'll be diving into @svelte.dev with @storybook.js.org, and how you can use it to write delicious Component Tests! 🚀
Might also include a surprise collab... 🙊
Now that speakers have been selected we want to share with you our line-up for Svelte Summit Spring 2025! We will host 16 talks across different topics during the two day conference. In addition, @mainmatter.com will also host a workshop. More details on www.sveltesummit.com
February 14, 2025 at 11:18 AM
It's official! I'm speaking at Svelte Summit, come see me in Barcelona in May! Can't wait to meet you all in person!
I'll be diving into @svelte.dev with @storybook.js.org, and how you can use it to write delicious Component Tests! 🚀
Might also include a surprise collab... 🙊
I'll be diving into @svelte.dev with @storybook.js.org, and how you can use it to write delicious Component Tests! 🚀
Might also include a surprise collab... 🙊
Reposted by Reuben Ellis
Is your Storybook getting unwieldy with component playgrounds, tests, and documentation examples? Use tags to organize and filter the components and stories in your sidebar.
🏷️ Easy authoring
🔍 Interactive sidebar filter
🙈 Static tag-based filtering
🟢 Updated badges addon
🏷️ Easy authoring
🔍 Interactive sidebar filter
🙈 Static tag-based filtering
🟢 Updated badges addon
Storybook tags
Organize your components and stories to match the way you work
storybook.js.org
December 17, 2024 at 8:39 PM
Is your Storybook getting unwieldy with component playgrounds, tests, and documentation examples? Use tags to organize and filter the components and stories in your sidebar.
🏷️ Easy authoring
🔍 Interactive sidebar filter
🙈 Static tag-based filtering
🟢 Updated badges addon
🏷️ Easy authoring
🔍 Interactive sidebar filter
🙈 Static tag-based filtering
🟢 Updated badges addon
The storybook team keeps going and going 😁😁😁🔥🔥🔥🎉🎉🎉
If you want guidance and support from real experts, get in on this!
If you want guidance and support from real experts, get in on this!
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 2:54 PM
The storybook team keeps going and going 😁😁😁🔥🔥🔥🎉🎉🎉
If you want guidance and support from real experts, get in on this!
If you want guidance and support from real experts, get in on this!
Reposted by Reuben Ellis
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
This is my new favorite thing! Quick feedback on your components and tests before ever hitting CI. Saves so many build minutes 😁😁😁🎉🎉🎉🔥🔥🔥
🆕 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 20, 2024 at 12:04 PM
This is my new favorite thing! Quick feedback on your components and tests before ever hitting CI. Saves so many build minutes 😁😁😁🎉🎉🎉🔥🔥🔥
Reposted by Reuben Ellis
🆕 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
Reposted by Reuben Ellis
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
⚡️ 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
October 31, 2024 at 6:16 PM
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
⚡️ 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
Reposted by Reuben Ellis
I'd like to see a visual testing utility (like Storybook) embeds itself into frameworks like Next.js, Laravel, Astro, Rails etc. A component testing harness that *utilizes* the framework. One that grows with your capability as your framework does.
January 11, 2024 at 7:15 PM
I'd like to see a visual testing utility (like Storybook) embeds itself into frameworks like Next.js, Laravel, Astro, Rails etc. A component testing harness that *utilizes* the framework. One that grows with your capability as your framework does.