React勉強はじめます
これまでバックエンド側のゴリゴリのJavaとかOracle PL/SQLしかやってこなかったので、ユーザーサイドの画面側の技術についてめちゃくちゃ疎い。しかもここ5年くらいは本当に管理職の仕事しかしていないからすべての技術知識が化石級に…。
しかしながらこれからの時代、バックエンドからフロントエンド、何ならクラウド含めたインフラ環境まで知識としてつけておかないとエンジニアのマネジメントもままならない。
ってことで、フロントエンドの技術中心に勉強始めようと思います。
世のため人のためになる、っていうよりは、自分学習メモなのでさらっと書いていきます。
とりあえずHello React的なところから
ありきたりなことやっていきます。
環境回り
まずはReact環境の作り方。って言ってもWindowsでnode.jsインストーラーで入れるだけです。
nodeバージョン
c:\projects>node -v
v14.18.0
c:\projects>npm -v
6.14.15
Hello React
create-react-appしてプロジェクト作ります。
プロジェクト作成
c:\projects>npx create-react-app react_practice
（省略）
Happy hacking!
出来上がったらnpm startするとブラウザが勝手に開きます。
起動・動作確認
c:\projects\react_practice>npm start
http://localhost:3000/ がデフォルトのポートになっているのでそのアドレスが勝手に開きます。
初歩の初歩はまずここから。
これから画面の通り、src/App.jsをいじって勉強していきます。