Firestoreでリアルタイム更新＋無限スクロールの実装方法、２つのパターン:その２ - Qiita

ドキュメントを追加するときは、createdAt、updatedAtに現在時刻を入れ、deletedAtにnullを入れます。 ドキュメントを変更するときは、updatedAtに現在時間を入れます。 ドキュメントを削除するときは、updatedAtとdeletedAtに現在時刻を入れます。実際の削除は行いません。 これをドキュメント作成時に実施することで今回の無限スクロールが実施できるようになります。 取得部分 では改めて無限スクロールを実装していきます。 まず行うのは単純に一定数のデータを取得する部分です。 import { useState, useEffect, useCallback } from 'react'; import { getDocs, limit, startAfter, query } from 'firebase/firestore'; import type