bannri_3333 https://blog.hatena.ne.jp/bannri_3333/ iimon TECH BLOG https://tech.iimon.co.jp/ はじめに 無限スクロールとは react-windowとは react-window使ってみよ Profilerを使ってレンダリングの時間を計測してみた 最後に 参考文献 はじめに こんにちは、ｉｉｍｏｎ新卒エンジニアのみやこしです、最近業務でreactを使っている最中にAPIから配列のデータをfeatchして、それをテーブルに表示する際に大量のコンポーネントが作られ、パフォーマンスが悪くなりました。それを解決するために、色々探ったところ、無限スクロールというものを知り、それについて調べてみました！ 無限スクロールとは Slackのように画面のページの下部に近づくと自動的に新しいコンテンツを読… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Ftech.iimon.co.jp%2Fentry%2F2025%2F03%2F25%2F202322" title="react 無限スクロールを作ってみた - iimon TECH 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/b/bannri_3333/20250325/20250325132107.png Hatena Blog https://hatena.blog 2025-03-25 20:23:22 rich https://tech.iimon.co.jp/entry/2025/03/25/202322 1.0 100%