React Appの導入

progateでReactのⅡまで学習したので、ローカル環境でも試してみたいと思いました。

 

まずは、手軽に始められそうなReact Appを導入してみました。

 

公式サイトの説明

f:id:khirok:20200110162243p:plain

 

公式サイト

https://ja.reactjs.org/

  

node.jsのインストール

f:id:khirok:20200110143640p:plain

推奨版をダウンロードしました。

 

公式サイト

https://nodejs.org/ja/

 

node.jsがインストールできているか確認する

ターミナルで、node -v と入力すると v12.14.1 のようにバージョンが表示されたのでインストールできてました。

  

npmがインストールできているか確認する

ターミナルで npm -v と入力すると、6.13.4 のようにバージョンが表示されたのでインストールできてました。

 

create-react-appをインストールする

sudo npm install -g create-react-app を実行しました。

パスワードが求められたので、PCのパスワードを入力しました。

 

アプリ作成

create-react-app react2 でreact2と言うアプリを作成しました。

 

サーバー立ち上げ

 cd react2 で react2に移動し、npm start を実行しました。

 

React App

f:id:khirok:20200110161242p:plain

自動でこの画面に遷移しました。

 

ターミナルの表示

f:id:khirok:20200110161429p:plain

 

次にやりたいこと

- progateで学習したカウントアップ機能をつける。

 

 

参考にしたサイト

https://qiita.com/mk185/items/d40e539caad025bdc987