フレームワークサポート
- @storybook/react:
Reactコンポーネントのために最適化されており、React特有の機能やAPIを活用できます。
- @storybook/angular:
Angularフレームワークに特化しており、Angularコンポーネントのストーリーを簡単に作成できます。
- @storybook/html:
フレームワークに依存しないHTMLコンポーネントをサポートし、純粋なHTML、CSS、JavaScriptで作成されたコンポーネントに最適です。
- @storybook/vue:
Vue.jsコンポーネントのために設計されており、Vueの特性を活かしたストーリー作成が可能です。
- @storybook/svelte:
Svelteコンポーネントに特化しており、Svelteのリアクティブな特性を活かしたストーリーを作成できます。
ドキュメンテーション
- @storybook/react:
Reactコンポーネントのプロパティ、状態、イベントを詳細にドキュメント化し、JSXの使用をサポートします。
- @storybook/angular:
Angularコンポーネントのプロパティやイベントを自動的にドキュメント化し、Angular特有の情報を提供します。
- @storybook/html:
HTMLコンポーネントのシンプルなドキュメンテーションを提供し、カスタムドキュメントを追加することも可能です。
- @storybook/vue:
Vueコンポーネントのプロパティ、イベント、スロットを詳細にドキュメント化し、Vue特有の情報を提供します。
- @storybook/svelte:
Svelteコンポーネントのプロパティやスロットを自動的にドキュメント化し、Svelte特有の情報を提供します。
アドオンエコシステム
- @storybook/react:
Reactコンポーネント向けの豊富なアドオンがあり、アクセシビリティ、スタイル、テストなど多岐にわたります。
- @storybook/angular:
Angularコンポーネントに特化したアドオンが利用可能で、アクセシビリティやテストのためのツールが含まれています。
- @storybook/html:
フレームワークに依存しないアドオンが利用でき、HTMLコンポーネントに対しても幅広い機能を追加できます。
- @storybook/vue:
Vueコンポーネント向けのアドオンが豊富で、特にアクセシビリティやスタイルに関するツールが充実しています。
- @storybook/svelte:
Svelteコンポーネント向けのアドオンが徐々に増えており、コミュニティによるサポートが期待されています。
パフォーマンス
- @storybook/react:
Reactの仮想DOMを活用しており、パフォーマンスは良好ですが、大規模なコンポーネントツリーでは注意が必要です。
- @storybook/angular:
Angularの変更検知機構に最適化されており、大規模なアプリケーションでも比較的スムーズに動作します。
- @storybook/html:
軽量なHTMLコンポーネントに最適化されており、パフォーマンスへの影響は最小限です。
- @storybook/vue:
Vueの仮想DOMを利用しており、パフォーマンスは良好ですが、コンポーネントの設計によっては最適化が必要です。
- @storybook/svelte:
Svelteのコンパイル時最適化を活かしており、非常に高いパフォーマンスを提供します。