React Tutorialをやってみる

Reactの公式チュートリアルをやってみる
https://ja.reactjs.org/tutorial/tutorial.html

どうせならということで今回はパッケージマネージャーにpnpmを使ってみる

pnpm dlx create-react-app react-tutorial

今までNuxtはやったことあったけどReactは初めてだからフォルダ構成から新鮮味を感じる

諸々準備して以下のコマンドで起動

pnpm start

コンポーネントでそのままHTMLみたいなの返してんのね

出たJSX
昔Adobe製品を操作するスクリプトを書いてるときに検索妨害されまくった記憶がある

リフトアップが重要と

なるほどね。ミューテートを伴わないデータの変更には履歴の実装とか再レンダータイミングのための変更の検出がしやすいって利点があるのか

関数コンポーネントですか...

てか作業してるリポジトリを置いておきます。
https://github.com/futahei/react-tutorial