出来る限り短く説明する React + Tailwind CSS 入門（忙しい人向け）

ARANK

VTeacher 所属の Masaki Suzuki です。昨年くらいから Tailwind CSS の話題が増え出し、最近はReactと一緒に使われる場面が増えてきたと思います。私も昨年から使い始めました。本投稿は、React + Tailwind CSS の基礎知識をさらっと確認できるようにしたものです。忙しい人向けです。Vercel が Next.js のスターターキットを発表しましたが、 Tailwind CSS は、そのスキルセットのうちのひとつです。 as the React framework / NextAuth.js for authenticationVercel for deploymentPlanetScale as the database (MySQL)Prisma as the ORM for database accessTailwind for CSS styling 👈※ちなみに Tailwind は追い風という意味です。 Tailwind CSS公式サイトはこちらです。 React で Tailwind CSS を使用する既存プロジェクトへの導入はノウハウが必要だと思いますが、Create React App でのプロジェクト作成後であれば、かんたんに導入できます。$ npm install -D tailwindcss postcss autoprefixer $ npx tailwindcss init これだけです。あとは自分の環境に合わせて設定ファイルをいじります。 学習ポイントTailwind CSS の学習ポイントは、公式サイトに最初に書か…