はじめてのReact

Reactを使ってWebアプリケーションを作ってみます。
今回はとりあえず動かすところまでです。

準備

nodeとnpmが必要なのでインストールしてください。

$ node -v
v10.16.3

$ npm -v
6.9.0

インストール

create-react-appを使ってReactのアプリケーションを作ります。
なので、まずはcreate-react-appをインストールします。

npm install -g create-react-app

アプリケーション作成

アプリケーションを作ります。

create-react-app react-sample

アプリケーションを実行

ディレクトリを移動してnpm startです。

cd react-sample
npm start

こんな感じの内容が出力されたら、ブラウザでhttp://localhost:3000/にアクセスします。

Local:            http://localhost:3000/

Reactの画面が表示されたらOKです。