Getting know each other with Heroku episode 1
Herokuにデプロイ完了するまで長い旅が始まりそうな予感なのでここに丁寧にメモしておく そもそも環境周り全然理解していないのでこれを機にちゃんと学んでおこう
と思っていたらそもそも自分が開発しているアプリの環境と動作原理を全然理解できていないことが判明。 今まで知らなかったこととしては
- Reactは開発環境(私の場合はローカル)ではnpm startでサーバを立ち上げてインタラクティブに開発することが一般的だが、プロダクションに上げる際はbuildしてjavascriptとCSSの静的ファイルを生成し、Webサーバにデプロイする
- 実際のReact ApplicationはJavascriptとCSSファイルの状態でクライアント側に渡された後、クライアント側で実行される
- Reactのビルドツールはviteを使っており、npm startでviteを実行するようにpackage.jsonでしている
こんな根本的な動作原理すら知らなかったことにびっくりした。 逆に言うとここまで無知でもコード自体は書けてローカルでは動作することが凄い。