📑

React.memoってなに?

2022/09/28に公開約300字

React.memoってなに?

React.memoを使うことで、新しく返された要素と以前にレンダーされたものとを比較することで、実際の DOM の更新が必要かを判断し不要な再レンダリングを防ぎパフォーマンスを向上することができる。

利用タイミング

コンポーネントの再レンダリングに時間がかかりパフォーマンスに影響がある場合にのみメモ化することをおすすめします。
逆に、比較範囲が大きいとリコンシリエーション(差分検出処理)も比例しパフォーマンスが下がってしまう場合もあるので注意が必要です。

具体的な利用タイミングについてはこちらが参考になりました。
https://cam-inc.co.jp/p/techblog/530551646413914939

Discussion

ログインするとコメントできます