Reactの用語整理

はじめに

Reactで開発を進めていく中で「あれ、どうだっけ」という用語を整理しました。

実際に描画されるまで

用語	役割	いつ実行されるか
Reactのレンダリング	仮想DOMの作成(実DOMへの更新はしないので画面に影響はあたえない）	useState, props の更新時
レンダー	コンポーネントの処理全体（ほぼレンダリングと同じ意味）	return <JSX> が呼ばれるとき
初回レンダリング	最初のマウント時のレンダリング	コンポーネントが最初に表示されるとき
再レンダリング	状態や props の変更で仮想DOMが作り直される	ステート更新 (setState) や props 変更時
コミット	実際のDOMを更新するフェーズ	仮想DOMと実際のDOMの差分を適用するとき
ブラウザのレンダリング（描画）	画面上に表示される	コミットフェーズ後、ブラウザが処理する