React でスクロールされたらコンポーネントが表示される仕組みを作りたい！

Question

現在FirebaseとReactを使って、SNSのタイムラインがあるようなアプリを開発中なのですが、動きが遅くて困っています。

その原因が、Firebaseに置いてあるデータをページ更新時に全て一度に持ってきていることが原因なようです。

** 画面がスクロールされたら要素が表示される（Firebaseから持ってくる）ような仕組みにしたいのですが、何か良い方法はありますでしょうか？**

「React　画面に映ったら表示」といったような検索をしているのですが、そんな方法ではあまり良い検索結果は出ませんでした。

簡単にで良いので、こんな方法があるよという方がいらっしゃいましたらコメントいただきたいです！

よろしくお願いします！

Answer 1

IntersectionObserverを使えば希望している仕組みは作れると思います
例: https://blog.wadackel.me/2019/use-intersection/

他にもLazyLoadといったキーワードで検索すると良いと思います

Comments

[fufufu000]

ありがとうございます！やってみます！