Storybook 10がリリースされた。唯一の破壊的変更としてESM-onlyとなり、CommonJSを削除したことでインストールサイズが29%削減された。Storybook 9からさらに軽量化し、Storybook 8比で約79%削減されている。

主な新機能として、sb.mockによるmodule automocking、Typesafe CSF Factories(React向けPreview)、UI editing and sharing最適化(QRコード共有、エディタで開く機能)、tag filtering exclusionが追加された。Svelte async components、Next 16、Vitest 4にも対応。

ESM-onlyにはNode.js 20.16+、22.19+、または24+が必要。CSF Factoriesは自動アップグレード用のcodemodが提供されるが、既存のCSFバージョンも引き続きサポートされる。

#参考文献