【React】新規プロジェクト作成、起動方法メモ

Node.jsをダウンロード

reactを使うにはまず、Node.js（JavaScript環境）をダウンロード。

公式ページから最新版（推奨版でもOK）をダウンロードする。

Node.js

Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine.

nodejs.org

Node.js を使わなくても、ダウンロードが必要。

プロジェクト作成

facebookコミュニティが提供するプロジェクト（ツール）を利用。

GitHub ページを参照

GitHub - facebook/create-react-app: Set up a modern web app by running one command.

Set up a modern web app by running one command. Contribute to facebook/create-react-app development by creating an account on GitHub.

github.com

インストールを終了したら、コマンドを開いて

nmp install -g create-react-app

create-react-app my-app 

これで my-app というフォルダが作成され、その中に必要なファイルが自動でインストールされる。

my-app は任意のフォルダ名（プロジェクト名）。

プロジェクト開始

アプリケーションの起動

アプリケーションの起動には、毎回コマンドで指示。

cd my-app
npm start

my-app のところが、指定するプロジェクト名。

以下のような画面が表示されればOK。

アプリケーション終了

終了する際は、ctrl / command + C

UdemyでReactを学習中

【教育・学習】資格・学習

総合情報サイト「コレダ！」がお届けする教育・学習における資格・学習の総合情報サイトです。