create-react-appでReactを始める

スポンサーリンク
reactを始めるアイキャッチ プログラミング

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

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

事前準備

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

Node.js(v11.13.0)

npm(6.7.0)

環境を構築と実行

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

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

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

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

react構築直後

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

編集後react画面

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

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

おわりに

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

タイトルとURLをコピーしました