Hi Danny!
Is this mainly for use with Storybook init and setup or does it also assist with writing stories for your screens and components?
Hi Danny!
Is this mainly for use with Storybook init and setup or does it also assist with writing stories for your screens and components?
Storybook-MCP-early-access-program
π§΅ (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 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
π 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...
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:
Come join us, it's going to be fun!!
π 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.
Probably my favorite features are the Nextjs Vite support and the ability to create stories for your components that donβt currently have stories!
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!
@joevaughan.net youβre positivity is greatly missed! I hope you are doing amazing!
The biggest π€£π€£π€£
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!
Iβve been putting it off too!
Storybook 9 is now in beta!
Itβs ready for you to try today.
Letβs see whatβs insideβ¦
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. π
Storybook's test widget. It's titled "Run components tests". Under that is "Testing... 1/97" with an eye and stop icons beside them. Then three rows of checkboxes labeled, Interactions, Coverage, and Accessibility, each with a gray status dot. Under that is another section, titled "Run visual tests in cloud". The final section has a "Run tests" button.
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.
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.
P.S. (ish) is a mathematically accepted unit of measurement πππ
Also, weβve got full some awesome new features for React Native and Storybook both on emulators, devices, and Storybook for React Native web!!!
Storybook really saves engineers so much time and energy for UI development and it promotes the confidence that youβre UI will work. Thatβs before you even consider the massive gains that you get by integrating Chromatic into the equation and automating all these useful tests youβve written.
Plus, storybook decreased its overall footprint in node modules even more!!!!
I benchmarked 8.6.12 and it was 50ish MB vs 29ish MB for 9.0.0-alpha.
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!!!!!
accessibility regression testing from chromatic
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
We love our printers and the kids have so much fun with them!
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... π
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
This is a wonderful thread ππππ₯π₯π₯
The storybook team keeps going and going ππππ₯π₯π₯πππ
If you want guidance and support from real experts, get in on this!