storybook

Storybookは、UIコンポーネントやページを独立して構築するためのフロントエンドワークショップとして説明されています。数千のチームがUI開発、テスト、およびドキュメント化に利用しています。このプロジェクトはドキュメントサイトと、チームがStorybookをどのように活用しているかを示すComponent Encyclopediaを提供しています。Stackblitzのstorybook.newを通じて、サンプルプロジェクトを迅速に作成できます。Storybookは、React, Angular, Vue 3, Web components, React Native, HTML, Ember, Svelte, Preact, Qwik, SolidJSをサポートしており、nativeプロジェクトを通じてAndroid, iOS, Flutterも追加でサポートしています。また、さまざまなタスク向けのアドオンが含まれています：アクセシビリティテスト用のa11y、インタラクションをログに記録するactions、backgrounds、cssresources、design assets、ドキュメント用のdocs、events、google-analytics、graphql、ユニットテスト結果用のjest、ストーリー間のリンク、レイアウト検査用のmeasureとoutline、クエリパラメータのモック、およびレスポンシブレイアウト用のviewportです。READMEでは、info/notes、contexts、addon-storyshotsの非推奨化と移行について記されており、より新しい代替案が推奨されています。コミュニティリソースには、Discord、Twitter/Xの@storybookjs、ブログとMedium、およびYouTubeがあります。Storybookはモノレポとして構成されており、yarn start, yarn task, yarn lint, yarn testなどの開発スクリプトを備えています。ライセンスはMITです。