以下の内容はhttps://uga-box.hatenablog.com/entry/2024/02/12/000000より取得しました。


【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にして試したい




以上の内容はhttps://uga-box.hatenablog.com/entry/2024/02/12/000000より取得しました。
このページはhttp://font.textar.tv/のウェブフォントを使用してます

不具合報告/要望等はこちらへお願いします。
モバイルやる夫Viewer Ver0.14