はじめに
最近のReact環境構築は、驚くほどシンプルになっています。
今回は、Vite(フロントエンド開発用の超高速ビルドツール & 開発サーバー)を用いてMacでReactの環境を最速で構築する手順をまとめます。
手順概要
1 Node.jsとnpmをインストールする
2 ReactアプリをViteで作成する、開発サーバーを立ち上げ確認
① Node.js と npm をインストール
公式サイトからLTSバージョンをダウンロードします：
👉 https://nodejs.org/ja
上にあるダウンロード→下にスライドしてmacOSインストーラでダウンロード可能です。(2025/8/7時点)
インストール確認
以下のコマンドでバージョンが表示されればOK：
node -v
npm -v
② ViteでReactアプリを作成
npm create vite@latest アプリ名 -- --template react #アプリ作成
cd todo-app
npm install
npm run dev #サーバー立ち上げ
その後ブラウザでアクセス
http://localhost:5173/
おわりに
環境構築でつまずくとモチベも下がりがちですが、今のReactはViteのおかげで爆速スタートできます。
この記事がこれからReactを学ぶ人の助けになれば幸いです。