tmegos https://blog.hatena.ne.jp/tmegos/ tmegos blog https://tmegos.hatenablog.jp/ React Reactでできたアプリケーションのパフォーマンスチューニングのために、再レンダリングを調査し、改善したときのメモです 方針 Why Did You Renderを使って、propsやstateが同じはずなのに再レンダリングが発生しているところを見つける 1で見つかった再レンダリングについて、それぞれの原因に応じた修正を行う Why Did You Renderがログを出さなく（またはログが少なく）なるまで1と2を繰り返す React Profilerを使って、再レンダリングが発生しているところを見つける 4で見つかった再レンダリングについて、componentの分割やMemo化を試みる 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Ftmegos.hatenablog.jp%2Fentry%2Freact-re-render-why-did-you-render" title="Reactの再レンダリングをWhy Did You RenderとReact Profilerを使って調べる - tmegos blog" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> https://cdn-ak.f.st-hatena.com/images/fotolife/t/tmegos/20210411/20210411011608.png Hatena Blog https://hatena.blog 2021-04-11 02:02:19 rich https://tmegos.hatenablog.jp/entry/react-re-render-why-did-you-render 1.0 100%