React(Typescript)で Storybookを基本からまとめてみた【Storybook入門】 - Qiita

Storybookとは？ UI コンポーネントをアプリケーションから独立した状態で開発を行うためのツールで、props を通してさまざまなバリエーションのデザインをブラウザ上に静的に表示させることができる。さらにブラウザ上から props の操作、外部リソースからのデータ取得、またテストライブラリーを利用して関数の実行、テストを行うことも可能で、また Storybook に登録したコンポーネントは自動でドキュメント化することができるのでドキュメントツールとして利用することもできる。 1.環境の構築 ① プロジェクトの作成 npx storybook@latest init Need to install the following packages: storybook@7.0.17 Ok to proceed? (y) y storybook init - the simplest wa