create-react-appでReactを始める

こんにちは！セミマサです。

JavaScriptフレームワーク「React」に興味が出てきたので試してみました。備忘録として用意しておくものとコマンド等をまとめておきます。

事前準備

create-react-appコマンドを使うために下記二つを用意しておきます。カッコ内は私の使用しているバージョンです。

・Node.js(v11.13.0)

・npm(6.7.0)

コマンドプロンプトを立ち上げて下記コマンドを入れると環境構築が始まります。

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

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

終わったら作成したプロジェクトフォルダにcdコマンドで移動します。

cd プロジェクト名

1	cd プロジェクト名

プロジェクトを実行してみます。

npm start

npm start

実行に成功するとブラウザが立ち上がります。create直後のプロジェクトの場合下記画面が表示されました。

App.jsを編集して保存すれば更新されると書いてあるのでApp.jsをいじってみます。

画面が更新されて編集したテキストが表示されました！

実行しているプロジェクトはコマンドプロンプトを開いた状態でCtrlキーとCキーを同時押しすることで停止できます。

create-react-appコマンドを使うことですぐにReactが始められますね！まずは公式のチュートリアルをやってみようと思います。