【React】Reactにおけるメモ化に関して(useCallback / useMemo / React.memo) - Qiita

どうも、@ちーずです。 アドベントカレンダー5日目、本日のテーマはReactにおけるメモ化に関してです！！ そもそもメモ化とは？ プログラムの高速化のための最適化技法の一種であり、サブルーチン呼び出しの結果を後で再利用するために保持し、そのサブルーチン（関数）の呼び出し毎の再計算を防ぐ手法である。 メモ化された関数は、以前の呼び出しの際の結果をそのときの引数と共に記憶しておき、後で同じ引数で呼び出されたとき、計算せずにその格納されている結果を返す。 参考: メモ化 - Wikipedia つまり、計算結果をキャッシュし、それを再利用することをメモ化と言います。 なぜメモ化が必要？ Reactでは下記のようなタイミングでComponentが再レンダリングされます。 state / props が更新された時 親コンポーネントが再レンダリングされた時 Componentが再レンダリングすると、