目次
Storybookでできること
Storybookとは、ReactやVueなどコンポーネント化を前提とした開発での、コンポーネント管理に役立つツールです。
アプリケーションに組み込まずにサンドボックス環境下でコンポーネントの挙動を確認できるため、
UIコンポーネントのテストや管理が簡単にできるようになります。
主要なJSフレームワーク(React, Vue, Angular等)には対応しており、利用範囲も広そうです。
導入方法
Storybookのインストール
> npx -p @storybook/cli sb init
起動(下記コマンドで、ローカル環境が立ち上がります)
> yarn storybook
Storybookのチュートリアルはこちら。
注意点
開発を始めるタイミングで導入しておかないと、導入コストがとてもかかってしまいます。
ご利用は計画的に!
その他、詳しいメリット・デメリットや実際に使ってみた考察は下記記事でとてもわかりやすくまとまっていたのでご参考ください。