Reactの再レンダリング、いつ起きるか説明できる？

再レンダーのきっかけ、DOMの更新との違い、無駄な再レンダーの減らし方まで確認します。

5問約7分基礎

この問題のねらい

「なぜこのコンポーネントが再レンダーされたのか」を、Reactの仕組みから説明できるかを確かめます。

この問題では、すぐに正解は表示しません。まず自分の言葉で回答してみてください。

最後まで回答すると、問題とあなたの回答をまとめてコピーできます。普段使っているAIチャットに貼り付けると、理解度をチェックしてもらえます。

Q1
Reactのコンポーネントが再レンダーされるきっかけを、3つ挙げて説明してください。
Q2
「再レンダーされる」ことと「画面（DOM）が書き換わる」ことは同じですか？違いを説明してください。
Q3
よく「propsが変わると子コンポーネントが再レンダーされる」と言われます。この説明は正確でしょうか？
Q4
入力欄に文字を打つたびに、ページ全体の重いコンポーネントまで再レンダーされて遅くなっています。 memo を使う以外に、どんな改善方法が考えられますか？
Q5
次の2つの主張について、それぞれ正しいか説明してください。 A「再レンダーは遅くなる原因なので、できるだけゼロにすべき」 B「setState に今と同じ値を渡しても、必ず再レンダーされる」