useMemoのコストを心配する前に余計なdivを減らせ！

React では、useMemoやReact.memoなどが最適化の手段として知られています。 これらは最適化であるため、必要が無いのにuseMemoを使うことは無駄な最適化であるとして避けられる傾向にあります。 筆者が簡単なベンチマークを取ってみたところ、あるコンポーネントが一つ余計なuseMemoを持っているよりも、一つ余計な<div>をレンダリングする方が、パフォーマンス（レンダリングにかかる時間）をより悪化させることが分かりました。 したがって、useMemoなどを減らすことに執心する場合は、それと同等以上の熱量で余計な要素を減らすことに執心する必要があります。 ベンチマークはこちらです。 結果には当然ばらつきがありますが、筆者の環境では次のような結果が典型的なものとして現れました（Mac 上の Google Chrome・Firefox・Safari で同じような傾向）。 bas

[Pasta-K]

そこが差になるの面白いというか、実際に気にすることはそんなにないだろうけど、早すぎる最適化とかuseMemoのコストガーという感じで視野が狭くなることに気をつけようという話だと理解した

[digo]

「divを減らそう」じゃなくて、「早すぎる最適化するな」ってハナシだと受け取った。

[ptpadan]

なるほど

[Keisuke69]

なるほどdivを減らせ