はじめに

最近のReact環境構築は、驚くほどシンプルになっています。
今回は、Vite(フロントエンド開発用の超高速ビルドツール & 開発サーバー)を用いてMacでReactの環境を最速で構築する手順をまとめます。

手順概要

1 Node.jsとnpmをインストールする

2 ReactアプリをViteで作成する、開発サーバーを立ち上げ確認

公式サイトからLTSバージョンをダウンロードします：
👉 https://nodejs.org/ja
上にあるダウンロード→下にスライドしてmacOSインストーラでダウンロード可能です。(2025/8/7時点)

以下のコマンドでバージョンが表示されればOK：

node -v
npm -v

npm create vite@latest アプリ名 -- --template react #アプリ作成
cd todo-app
npm install 
npm run dev #サーバー立ち上げ

その後ブラウザでアクセス
http://localhost:5173/

環境構築でつまずくとモチベも下がりがちですが、今のReactはViteのおかげで爆速スタートできます。
この記事がこれからReactを学ぶ人の助けになれば幸いです。