useMemo、本当に必要な場面を説明できる？
useMemoが何をキャッシュするのか、いつ効果があるのか、使いすぎの問題まで確認します。
この問題のねらい
useMemoを「とりあえず付けると速くなるもの」ではなく、効果のある場面を判断できるかを確かめます。
はじめる前に
この問題では、すぐに正解は表示しません。まず自分の言葉で回答してみてください。
最後まで回答すると、問題とあなたの回答をまとめてコピーできます。普段使っているAIチャットに貼り付けると、理解度をチェックしてもらえます。
こんな問題が出ます
- Q1
useMemo は何をするフックですか？ 依存配列がどう使われるかも含めて説明してください。
- Q2
useMemo が効果を発揮するのはどんな場面ですか？ 代表的な場面を2つ挙げて説明してください。
- Q3
次のコードで、Child は React.memo で包まれています。 それでも入力のたびに Child が再レンダーされるのはなぜですか？ どう直せますか？
- Q4
useMemo と React.memo の違いを説明してください。
- Q5
次の方針の問題点を指摘してください。 「パフォーマンスのために、コンポーネント内の計算はすべて useMemo で包むことにしよう」