お試しでReact×tailwindcssでコンポーネントを作れるようにStorybookを準備する

TL;DR ふと「xxx みたいなコンポーネントを作るってなるとどうすればいいんだろ？」と思うことがあるかと思います そういう時に、ささっとお試しで作れる PlayGround 的なものを用意しておきたい 「なら Storybook とかいいんじゃね？」と思ったので、導入にあたってのメモを残します とりあえず CRA Storybook を導入する前に、そもそもの基盤となるプロジェクトが必要なので CRA します。 今回は Vite プロジェクトを作成することにします。 Need to install the following packages: create-vite@4.4.0 Ok to proceed? (y) y ✔ Project name: … vitest-react ✔ Select a framework: › React ✔ Select a variant: ›