はじめに
この記事はReact初心者の筆者が学習のために書いている記事です。
間違っていたら温かくご指摘いただけるとありがたいです。
HomebrewやNode.jsのインストールについてはこちらの記事で掲載しています。
動作環境
- PC：Macbook
- CPU：Intel
- OS：MacOS Ventura 13.3.1
React + TypeScriptのプロジェクトを作成
React + TypeScriptのプロジェクトを作成するには以下のコマンドを実行します。
cd [プロジェクトを作成する場所]
npx create-react-app [プロジェクト名] --template typescript
完了したら、[プロジェクト名]で指定したフォルダが作成され、その直下に様々なファイル等が格納されます。
また、srcフォルダ配下にはtsxファイルが作成されていることを確認できます。
React + TypeScriptのアプリケーションを実行する。
以下のコマンドを実行して、Reactのアプリケーションを実行します。
cd [プロジェクトの場所]
npm start
このコマンドを実行すると、Webブラウザが開かれ、「 http://localhost:3000/ 」にアクセスします。
動作を確認できたら、ターミナル上で「Ctrl+C」を押して終了します。