【React】インストール〜起動

環境

最新の Node.js 及び npm がインストールされていることを確認してください。

Node.js

サーバー側で動作するJavaScriptのことです。つまり、フロントエンドで使っていたJavaScriptをサーバサイドで使えるようにしたもの。

バージョンを確認する。

$ node -v
$ node --version

npm

npmの正式名称は、Node Package Managerです。すなわち、Node.jsのパッケージ管理ツールです。

バージョンを確認する。

$ npm -v
$ npm -version
$ npm --version

Node.js 及び npm のそれぞれバージョンが表示されればインストールされています。

インストールされていなければインストールを、最新でなければアップデートをしましょう。

Reactのインストール

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

npxはnpmパッケージを簡単に実行できるコマンドです。

プロジェクト名と同じフォルダが作成されreactのアプリがインストールされます。そのフォルダに移動します。

cd my-app フォルダ名

起動

npm start

ブラウザが起動します。 これは、アプリを落としたら起動のたびに実行するコマンドです。

参考URL

チュートリアル:React の導入 – React

リアルタイム通信で活用!「Node.js」とは【初心者向け】 | TechAcademyマガジン

便利なパッケージ管理ツール!npmとは【初心者向け】 | TechAcademyマガジン

知らないのは損!npmに同梱されているnpxがすごい便利なコマンドだった | Developers.IO