NOTE 095 / 2021年
更新の波を、初学者の順番で読む
React 18 の変更点を、初学者にも追いやすい順番で並べます。
React 18 の話題は、並行描画や自動バッチングなど、耳慣れない言葉が多くあります。最初から全部を理解しようとせず、ルートの作り方、更新のまとめ方、開発時に二重で動く理由の三つから確認すると、全体像をつかみやすくなります。
新しい機能を使うかどうかは別として、移行時に知っておきたいのは既存のコードへの影響です。テストを先に整え、小さな画面から試すと、変更の意味を確かめながら進められます。
押さえたい点
- 01ルートの作り方から確認する
- 02開発時の二重実行を理解する
- 03小さな画面から試す
参考資料
外部サイトが開きます。内容は各サイトの管理下にあります。
- React 学習ガイド 外部サイトreact.dev
- React リファレンス 外部サイトreact.dev
- React で考える 外部サイトreact.dev
- useState リファレンス 外部サイトreact.dev
- useEffect リファレンス 外部サイトreact.dev
- useContext リファレンス 外部サイトreact.dev
- TypeScript ドキュメント 外部サイトtypescriptlang.org
- Node.js API 外部サイトnodejs.org
- Node.js 入門 外部サイトnodejs.org
- MDN Web Docs 外部サイトdeveloper.mozilla.org
- Pokemon API 外部サイトpokeapi.co
- PokeAPI 外部サイトpokeapi.co
- web.dev 外部サイトweb.dev