こんにちはかみむらです。 プロダクト開発で、デザイナーとフロントエンドエンジニアの円滑なコミュニケーションは必要不可欠です。 しかし、実際に開発を進める上で、円滑化する仕組み作りは悩ましい問題です。 そこでStorybookの紹介です。 これはコンポーネントをカタログ化して、管理できるツールです。カタログ化することで、双方の行き違いを限りなく少なくできます。 そして、FigmaやAdobe XDと連携できるなど、開発者とデザイナーの両方に嬉しい拡張機能もあります。 今回はReactにStorybookの導入と、基本的な使い方から便利なアドオン(拡張)を紹介していきます。 Storybookの公式サイト https://storybook.js.org/ 前提create-react-appで作成したプロジェクトを想定しています。あらかじめプロジェクトを準備してください。 npx creat
![Storybookを使ってReactの開発をX倍早くしよう!!便利なアドオンの使い方を紹介](https://cdn-ak-scissors.b.st-hatena.com/image/square/573f28e97002443eba711ef9efa0a2273bf8be09/height=288;version=1;width=512/https%3A%2F%2Fimages.blog.microcms.io%2Fassets%2Ff5d83e38f9374219900ef1b0cc4d85cd%2F76eb504612255a3ee65185274b37834b%2Fstorybook-raect-thumbnail.png)