React

Reactで子コンポーネントから親の状態を更新する方法を解説。「関数をpropsとして渡す」パターンをTypeScriptの型定義例とあわせて紹介します。

Geolocation APIなどコールバック形式のAPIをPromiseでラップしてawaitで使う方法を解説。ReactのuseEffectで非同期処理を正しく扱うパターンも紹介します。

ReactでsetStateの直後にconsole.logすると古い値が出る理由を解説。「スナップショットモデル」の考え方と、stateの最新値を正しく確認する方法を紹介します。

Reactのフックをループや.map()の中で使うとエラーになる理由を解説。「呼んだ順番で管理」というReactの仕組みを理解し、コンポーネント切り出しで解決する方法を紹介します。