SWR活用パターン 無限スクロール編 (+ graphql-request, 交差オブザーバー APIカスタムフック)

できたもの 動作的には、uhyo 氏の以下の記事で紹介されたいたものと同じである。 Recoil selector活用パターン 無限スクロール編 サーバーから取得したデータがリストで表示されている。 ユーザーがスクロールしてリストの下に到達したら、サーバーから追加のデータを読み込んでリストの下に継ぎ足す。[1] uhyo 氏の例と同じく、今回も一回50件ずつ取得している。 GitHub リポジトリ この記事の要旨 SWR には、無限ローディング（無限ローディング）を実現することを想定した API がある。 それは、useSWRInfinite である。 ある意味、無限ローディング専用の API なので useSWRInfinite を使うと、シンプルに無限ローディングが実装できる。 useSWRInfinite では、GraphQL も利用可能。 無限ローディングで、交差オブザーバー AP

[mumei-0]

Zenn の記事を書きました。#zenn