UGA Boxxx

つぶやきの延長のつもりで、知ったこと思ったこと書いてます

【Storybook】Storybook8のベータ版

Storybook8のベータ版のアナウンスがでた

storybook.js.org

更新内容

🚀 大幅なパフォーマンスの向上 🆕 ビジュアルテストワークフロー
📱 洗練されたモバイル UI
🔬 テストユーティリティの改善
⚛️ React Server Componentのサポート
👋 React の依存関係の削除
🧩 エコシステムのアップデート
💯 数百の修正

ビジュアルテストワークフローというのは、ローカルでVRTができる仕組みのことみたい

Chromaticの仕組みを使うので、Chromaticのアカウント作成等が必要

自分はすでにChromaticを使っていたのですぐ始められそう

アドオンで@chromatic-com/storybookを入れると使えるようになる

RSCのサポートというのは詳しくは以下の記事で紹介されている

storybook.js.org

RSCは主にNext.jsのApp Routerで作られたアプリケーションで動作するが、モジュールがサーバーサイドのコードになるのでStorybookでは表示できない課題があった

それをMSW(Mock Service Worker)を駆使して表示できるようにした模様

Next.jsのApp Routerでアプリ開発をやることになったらStorybook8にして試したい