【React】 useMemoとuseCallback何が嬉しいの？

qiita.com

useMemoとuseCallbackはdeps(計算が依存しているプロパティ)の同一性チェックが毎度入るのか

useMemo

つまり同一性チェックの計算より重い計算であればuseMemoで変数に処理をキャッシュしておいた方がいい

useCallback

https://qiita.com/teradonburi/items/5b8f79d26e1b319ac44f#%E3%82%A2%E3%83%AD%E3%83%BC%E9%96%A2%E6%95%B0%E3%82%92props%E3%81%AB%E5%8D%B3%E6%99%82%E9%96%A2%E6%95%B0%E3%81%A7%E6%B8%A1%E3%81%99

アロー関数をpropsに即時関数で渡す

これはコンポーネントのrenderのたびに関数インスタンスが生成される。

useCallback を使うとインスタンス生成を抑制でき、再描画のコストを下げれるらしい。

どっちも計算量を下げるための一手なんだねぇ