フロントエンドカンファレンス名古屋 2026
LT(5分)

keyから読み解く、ReactのUI更新の仕組み

fukakimono_ まえはた fukakimono_

Reactのkey、警告が出るから付けてるだけになっていませんか?
「なぜ必要なのか」を考えると、Reactの内部動作が見えてきます。

  • Reactは何を基準にUIを更新しているのか
  • keyはその中でどんな役割を担っているのか

このセッションでは、keyを入り口に、仮想DOMとReconciliationの仕組みを整理します。
実装を深掘りするのではなく、「だからkeyが必要なんだ」と腹落ちできることを目指します!