Lightnews — Scholar-powered news

Storybook

@storybook.js.org

Just re-announcing the 9.1 feature for those that missed it! How do you like it?

November 5, 2025 at 1:02 AM

Storybook

@storybook.js.org

Likewise! 🤝

Your work to get the Vitest addon working with Angular is huge!

November 4, 2025 at 9:51 PM

Storybook

@storybook.js.org

Check the post for more details and commands to get started!

Huge thank you to the 70 contributors that helped make this release happen, and to our community providing feedback and cheering us on. 💖

Storybook 10

ESM-only, 29% lighter, module automocking, and more

storybook.js.org

November 4, 2025 at 7:02 PM

Storybook

@storybook.js.org

And some peeks at what’s coming…

We’ve extended CSF Factories with a test syntax, making it easier than ever to write familiar tests for your components and test them in Storybook.

And we’ve released experimental support for RSC component testing, in collaboration with the entire React ecosystem.

Code snippet containing:

import preview from '../.storybook/preview';
import Button from './Button';

const meta = preview.meta({ component: Button });

export const Disabled = meta.story({
args: { disabled: true }
});

// 🆕 .test method: Attach tests to a story!
// The test function can run the same code as the play function
Disabled.test('should be disabled', async ({ canvas, userEvent, args }) => {
const button = await canvas.findByRole('button');
await userEvent.click(button);

await expect(button).toBeDisabled();
await expect(args.onClick).not.toHaveBeenCalled();
});

November 4, 2025 at 7:02 PM

Storybook

@storybook.js.org

We also added support for the latest ecosystem updates.

- @svelte.dev async components and state mocking
- @nextjs.org 16
- @vitest.dev 4

November 4, 2025 at 7:02 PM

Storybook

@storybook.js.org

Tag filtering has been overhauled. You can now include or exclude stories with specific tags from your sidebar. And you can configure your Storybook to do that filtering by default.

The open filter menu containing Clear filters, experimental (checked), Documentation, and Play

November 4, 2025 at 7:02 PM

Storybook

@storybook.js.org

We also squeezed in some fun UX improvements. Open a story in your editor with a click or scan a QR code to open that story on your phone.

A menu showing Copy story link, Open in isolation mode, and Scan me with a QR code

November 4, 2025 at 7:02 PM

Storybook

@storybook.js.org

CSF Factories are now in Preview for React users. They bring better type safety and significantly less boilerplate. Support for other frameworks coming soon!

Code snippet containing:

// CSF 3
import type { Meta, StoryObj } from '@storybook/nextjs-vite';
import Button from './Button';

const meta = { component: Button } satsifies Meta<typeof Button>;
export default meta;

type Story = StoryObj<typeof meta>;

export const Primary: Story = {
args: { label: 'Button', primary: true }
};

// CSF Factories - Less boilerplate and no type assignments! 🎉
import preview from '../.storybook/preview';
import Button from './Button';

const meta = preview.meta({ component: Button });

export const Primary = meta.story({
args: { label: 'Button', primary: true }
});

November 4, 2025 at 7:02 PM

Storybook

@storybook.js.org

Storybook 10 adds a new `sb.mock` API, inspired by @vitest.dev's mocking capabilities and tailored for isolated component development and testing.

$Code snippet containing: // .storybook/preview.ts import type { Preview } from '@storybook/nextjs-vite'; import { sb } from 'storybook/test'; // 👇 Automatically spies on all exports from the `lib/session` local module sb.mock(import('../lib/session.ts'), { spy: true }); // 👇 Automatically spies on all exports from the `uuid` package in `node_modules` sb.mock(import('uuid'), { spy: true }); const preview: Preview = { // ... }; export default preview;$

November 4, 2025 at 7:02 PM

Storybook

@storybook.js.org

We’re thrilled to share that Storybook 10 is ESM-only. This reduces install size by 29%, allowed us to stop minifying our code, and helps push the Javascript ecosystem toward a simpler, standardized future.