【React】useCallbackのキホン

ここではReack hookのひとつ、useCallbackについて紹介していきたいと思います。 このhookはReactにおけるパフォーマンス最適化戦略と関わってくるところが大きいので、まずはそこから見ていきましょう。 Reactのパフォーマンス最適化 Reactでは、パフォーマンス最適化のためには「不要な再計算やコンポーネントの再レンダリングを抑える」ことが基本的な戦略です。 その実現のために […]

【React】useRefとは?概要と利用例を紹介

ここではReact hookの1つ、useRefについて紹介します。 useRefとは useRefは、React.createRefの返り値であるRefオブジェクトを返すhookです。ここでRefオブジェクトとは、「コンポーネントがマウントされたときからアンマウントされるときまで存在し続ける、書き換え可能なオブジェクト」を言います。公式ドキュメントにはRefを利用するのに適した例として、 フォー […]