StorybookをReact, Typescript, Atomic Designな環境に導入する手順を紹介します。 Why Storybook? Frontendの開発を行っていると、再利用性を高めたいという意識が湧いてくると思うのですが、それをチーム間で共有したり、デザイナーさんと認識を合わせるのが容易でなかったりします。また、開発者も「このコンポーネントどこでどう使ってたっけ?」と言うように、視認性を持ちながら検索性も高くするというのがなかなか難しかったりします。 そこで、Storybook ( https://storybook.js.org ) の出番です。 How to install Storybook in my environment? まず、先にも記述しましたが、今回は、下記の要件のアプリへの導入を紹介します。 React.js yarn npmな方は適宜読み替えてく