プロジェクト

全般

プロフィール

UseMemo useCallback useRefの理解補強(など)

useMemo,useCallback

[React] メモ化で効率的なコンポーネントを作れるように
【React初心者向け】useRefがイマイチわかんねぇを解決する(useCallback, useMemo)

useRef

  • 非制御コンポーネント(Uncontrolled Component ※)として入力値の参照のためにDomに直接アクセスしたい場合(通常は使わない)
  • Domのノードにフォーカスしたいとき、ノードまでスクロールしたいとき、大きさや位置を計測したいときなど
  • 表示に使用しない値のレンダリング間の保持(例: 現在の値との比較のための前回値の保持など)

※ 入力値をStateで保持せずDom要素を直接参照するコンポーネント

【React】useRefの深掘り ~ useStateとの違い、レンダリングの際の挙動等