React #1：プロジェクトを作成する方法

Reactのプロジェクトを作成する方法

Reactのプロジェクト作成方法を以下にまとめます。

まず、前提として、

1. Node.jsをインストールしておきます。

※ Node.js：#1 インストールする

2. 必要に応じて TypeScript をインストールします。

※ TypeScript：準備

準備できたら、以下の手順でプロジェクトを作成します。

1. プロジェクト用のフォルダを作成

2. 作成したフォルダに移動し以下コマンドを実行

npx create-react-app プロジェクト名 --template typescript

※ "--template typescript"はTypeScriptベースでプロジェクトを作成する場合に指定

試しに "react_typescript_app" というプロジェクトを作成してみます。

npx create-react-app react_typescript_app --template typescript

これで、カレントフォルダ内に "react_typescript_app" フォルダが作成されプロジェクト作成が完了します。

3. 作成したプロジェクトを実行するにはプロジェクトフォルダに移動し以下コマンドを実行

npm start

これでブラウザが起動し React の画面が表示されるはずです。

---

React
Ver.2 2025.04.28 14:11