手順 1: Node.js をインストール

Reactを動かすには Node.js が必要です。
以下の手順でインストールします。

Node.jsの公式サイトにアクセス。

推奨版 (LTS) をダウンロードしてインストール。
以下のコマンドでインストールを確認。

node -v
npm -v

それぞれ、バージョンが表示されればOK。

手順 2: Reactプロジェクトの作成

Reactアプリを作成する方法は大きく2つあります。

簡単な設定で環境を構築できます。

npx create-react-app （任意のアプリ名）
例）
npx create-react-app my-app

これで、my-appが作成されました。
次に、アプリのディレクトリに移動して、ブラウザを起動します。

cd my-app
npm start

→ ブラウザが自動で開き、http://localhost:3000 でアプリが動作します。

最近はViteの方が人気です。

npm create vite@latest my-app

使用するフレームワークなどを選択後、アプリの作成開始。

cd my-app
npm install
npm run dev

→ http://localhost:5173 にアクセスするとアプリが確認できます。

開発をしやすくするために、以下のツールを用意すると便利です。

VS Code のインストール
公式サイトからダウンロード。