storybookjs/storybook

6 articles

前提知識

StorybookがServer・Manager・Previewという三つの独立した環境として動作し、約40のサブパスエクスポートを持つ単一パッケージに統合されるまでの仕組みを解説します。

Storybookのプリセットアーキテクチャを深く掘り下げます。デフォルト、フレームワーク、ビルダー、アドオン、ユーザー設定を一つにまとめるcomposableなreduceチェーンの全貌を解説します。

Storybookの3つの環境が、100以上のイベントを持つChannel抽象、PostMessageとWebSocketトランスポート、そしてUniversal Storeによる状態同期を通じてどのように通信するか。

Previewのレンダリングパイプラインを完全にトレースします。仮想モジュールのブートストラップ、StoryStoreの処理、設定の合成、レンダリングフェーズを持つStoryRenderのライフサイクル、フレームワークレンダラーの統合までを解説します。

StorybookのManager UIが14の状態モジュールを統合ストアへと合成し、typed slotにaddonを登録し、refsを通じたStorybookコンポジションをサポートする仕組み。

Nx によるモノレポのビルドパイプライン、ストーリーインデックスの生成、変更検知、サンドボックステストシステム、そして Storybook の構造化エラーハンドリング。