Firestoreのページネーションについて

2

2021年11月28日 23:52

image

firestoreのページネーションの実装をしました。

ページネーションを実装した理由

  • in 演算子を使うと比較値を10個までしか取れなかったため
  • firestoreのドキュメントをネストさせてないので、関連のドキュメントは都度取得するようにしているため

ページネーションの大まかなやり方

  • 前後リンク(前へ、次へ)
  • ページ番号リンク(orderフィールドを作成し検索)

ページ番号リンクはドキュメント作成時にorderが何番目にあたるかをチェックする手間がかかるのと、order以外で並び替えをした時に対応できないので前後リンクを採用しました。

コード

img

意見が欲しい

他にもっといい実装方法があれば教えてください。

参考

Cloud Firestore でのページネーションの実装

# TypeScript
# Firebase
2

診断を受けるとあなたの現在の業務委託単価を算出します。今後副業やフリーランスで単価を交渉する際の参考になります。また次の単価レンジに到達するためのヒントも確認できます。

目次を見る