Reactを使っていると、ふと再レンダリングが気になることがあります。 そこでReactの公式サイトやインターネットを見るわけですが、多く場合useCallbackとReact.memoを使えという旨の記事が確認できると思います👀 それはわかったとして、どういう戦略でこれらを使い不要な再レンダリングを防ぐべきかという考え方についてはあまり載っていなかった気がするので、せっかくなのでまとめておきます。 ところでどうすると再レンダリングを抑止できるか Reactはstateが変わった時、その状態によって必要な箇所を再レンダリングします。 export default function App() { console.log('App'); const [count, updateCount] = useState(0); const handleUpdateCount = () => { u
