Storybook8のベータ版のアナウンスがでた
更新内容
🚀 大幅なパフォーマンスの向上
🆕 ビジュアルテストワークフロー
📱 洗練されたモバイル UI
🔬 テストユーティリティの改善
⚛️ React Server Componentのサポート
👋 React の依存関係の削除
🧩 エコシステムのアップデート
💯 数百の修正
ビジュアルテストワークフローというのは、ローカルでVRTができる仕組みのことみたい
Chromaticの仕組みを使うので、Chromaticのアカウント作成等が必要
自分はすでにChromaticを使っていたのですぐ始められそう
アドオンで@chromatic-com/storybook
を入れると使えるようになる
RSCのサポートというのは詳しくは以下の記事で紹介されている
RSCは主にNext.jsのApp Routerで作られたアプリケーションで動作するが、モジュールがサーバーサイドのコードになるのでStorybookでは表示できない課題があった
それをMSW(Mock Service Worker)を駆使して表示できるようにした模様
Next.jsのApp Routerでアプリ開発をやることになったらStorybook8にして試したい