useCallbackはとにかく使え！ 特にカスタムフックでは - uhyo/blog

Reactには、パフォーマンス最適化のためのAPIがいくつかあります。具体的にはReact.memo、useMemo、そしてuseCallbackです。 React.memoで囲まれた関数コンポーネントは、propsが以前と変わっていない場合に再レンダリングが抑制されます。 また、useMemoやuseCallbackは、関数コンポーネント内での値の再計算を抑制する効果を持ちます。 これらは最適化のためのツールなので、「過度な最適化」を避けるように啓蒙する言説がよく見られます。 すなわち、ちゃんと本当に最適化のために必要なところにだけこれらを使おうということです。 特に、React.memoはpropsが以前と変わっているかどうかを判定するためのオーバーヘッドがあるし、useMemoやuseCallbackもフック呼び出しのオーバーヘッドがあります。 意味がないところでReact.memo

[for-my-internet-demo]

なるほど

[nagaitakeyuki]

useCallbackとは何か、についてのわかりやすい説明

[Cherenkov]

useCallback

[carolina04]

“簡単な言葉で言い直せば、結局のところ「返り値の関数はuseCallbackで囲んだほうがカスタムフックの汎用性が高くなるからそうしろ」ということです。 場合によってはそのuseCallbackが無駄になるかもしれま”

[tyahha]

”useCallbackが効いてくる典型的なケースは、useCallbackの返り値の関数がReact.memoが適用されたコンポーネントに渡されるような場合です”

[stk132]

思考停止でuseCallbackで囲んでました

[tasukuchan]

“レンダリング”

[mayumayu_nimolove]

手段が目的になってる