Storybook 8.4 is here! ▶️ 1-click Component Testing in browser 🫧 50% smaller bundle size & 75% smaller lockfile 5️⃣ Svelte 5 and Svelte CSF ⚛️ React Native Storybook 8 🏷️ Tagging and filtering stories 💯 Hundreds more improvements 🧵 - ThreadSky

storybook.js.org • 107 days ago

Storybook 8.4 is here!

▶️ 1-click Component Testing in browser
🫧 50% smaller bundle size & 75% smaller lockfile
5️⃣ Svelte 5 and Svelte CSF
⚛️ React Native Storybook 8
🏷️ Tagging and filtering stories
💯 Hundreds more improvements

🧵

Comments

terkel.com•107 days ago

Does this fix children/slot snippets in Svelte 5?

reinhold.is•107 days ago

It sure does!

https://github.com/storybookjs/addon-svelte-csf/blob/next/README.md

alvar.dev•107 days ago

Love to see this!

storybook.js.org•107 days ago

Component Tests validate your components’ functionality in the browser, without spinning up your whole stack. Now they’re available inside Storybook, transforming your stories into @vitest.dev tests. Also includes watch mode, visual tests, and (soon) a11y tests and coverage.

storybook.js.org•107 days ago

Compared to 8.0, Storybook 8.4 has a 50% smaller bundle size and produces a 75% smaller lockfile diff. This is largely thanks to our collaboration with the @e18e.dev community. The picture kinda says it all:

jiij.bsky.social•107 days ago

awesome work!!!

storybook.js.org•107 days ago

@svelte.dev v5 is out and Storybook 8.4 is ready:

✅ Runes support
✅ Write your stories in Svelte CSF
✅ Insane, next-level Svelte TypeScript support
✅ Zero-config setup from the Svelte CLI

If you’ve written stories for Svelte, you can see that Svelte CSF is a big improvement:

storybook.js.org•107 days ago

@reactnative.dev.web.brid.gy Storybook 8 brings RN Storybook up to date with the core Storybook experience for the first time ever, with big wins like an all-new, mobile-first UI and simplified configuration.

storybook.js.org•107 days ago

You can now tag your stories and filter the Storybook sidebar to specific tags. This is really handy, for example, for hiding your test-only stories when using your Storybook for documentation. Or for focusing your work on only atom-level components.

storybook.js.org•107 days ago

We’re thrilled to share built-in frontend testing and the 100s of other features and improvements in this release.

Check out the announcement for more details.

Special thank you to the 38 contributors whose work is included in Storybook 8.4!

todor.bsky.social•107 days ago

This is amazing. Great effort.

daniakash.com•107 days ago

The coverage section in docs hasn't been updated for the new test addon yet!

storybook.js.org•107 days ago

Indeed. We’re still supporting the old test runner for the foreseeable future and we’re also looking to deliver a better coverage integration as part of 8.5. Stay tuned!!

daniakash.com•107 days ago

I'mma hardcode 100% coverage in my project till then 😎

storybook.js.org•107 days ago

If you want coverage today you can get it by following the Vitest docs. We should have more to share on this in the next month or two!

https://vitest.dev/guide/coverage

daniakash.com•107 days ago

I was facing some issues with vitest coverage, will share more details once the repo I'm working on is made open source

kairoeder.bsky.social•107 days ago

The tag-filter is 🔥
Great job!

Comments

Posting Rules

Reply