techtouch https://blog.hatena.ne.jp/techtouch/ Techtouch Developers Blog https://tech.techtouch.jp/ フロントエンド テックタッチアドベントカレンダー 12 日目を担当する、フロントエンドエンジニアの taka です。 今回は TanStack Query を利用する上でパフォーマンスの問題に遭遇してしまったので、その内容について共有したいと思います。 tl;dr TanStack Query (react query) とは 遭遇したパフォーマンス問題 react query で再描画を抑制するためのポイント object rest destructuring を利用してはいけない プロパティ参照は描画中に行う selector を使って必要なデータのみを参照する おわりに tl;dr useQueryの返… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Ftech.techtouch.jp%2Fentry%2Freact-query-performance-issue" title="TanStack Query (react query) でパフォーマンス問題に遭遇したので解決してみた - Techtouch Developers 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/techtouch/20221212/20221212142802.png Hatena Blog https://hatena.blog 2022-12-12 17:03:13 rich https://tech.techtouch.jp/entry/react-query-performance-issue 1.0 100%