Reactで開発を始める前に（初心者向け）

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

Reactの実装で考えること

React開発でまず念頭に置くべきことは：
「ある状態の時に何が表示されるべきか」

• 例えば、ログインしている場合はユーザー名を表示する
• ボタンを押すとカウンターが増える
• データ取得中はローディング表示を出す

このように 状態（state）に応じて表示を設計することがReact開発の基本です。

VSCodeでの操作

サーバーの起動

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

npm start

• ブラウザが自動で開き、アプリの動作を確認できます

サーバーの停止

サーバーを停止するには、ターミナルで以下を入力します。
Ctrl + c

ビルド（デプロイ準備）

開発が一段落したら、その日のうちにビルドしてデプロイすると進捗を実感でき、モチベーションも上がります。

npm run build

• このコマンドでbuildフォルダが作成されます
• 作成されたbuildフォルダをNetlifyなどにアップロードすれば、Webアプリとして公開可能です