Reactの開発

ハローワールドできたら、さっそく開発に入っていく。

Reactの実装で考えること

まず、Reactの開発で念頭におくべき事は　「ある状態の時に何が表示されるべきか」 という事です。

VSCodeでの操作

サーバーの起動

画面の確認をするには、以下のコマンドを入力してローカルサーバーを立ち上げます。

npm start

サーバーの停止

サーバーを停止するには、以下のコマンドを入力します。
Ctrl + c

ビルド

開発が一段落したら、その日のうちにデプロイして目に見える形にしておくことで、進んでいる感を得てテンションを上げていきます。

デプロイするには、ビルドが必要です。以下のコマンドを入力すると、buildフォルダが作成されます。このbuildフォルダをNetlifyなどにアップすればアプリとして公開できます。

npm run build