Recoil selector活用パターン 無限スクロール編

みなさんこんにちは。筆者は最近Recoilを使ってロジックを記述するのにハマっています。先日はそのようなテーマでトークをしましたので、よければご覧ください。 要点は、 Recoilのselectorとかも活用しまくってロジックをどんどんRecoilに載せようぜ！！ ということです。ただ、前記のイベントを観ていただいた方には分かるように、Recoilを活用していてもほとんどatomしか使っていないという場合もあり、Recoilの普及度とselectorの普及度には差があるようです。 そこで、この記事ではRecoil selectorの活用パターンを紹介します。今回は無限スクロールの実装です。 ここで想定している無限スクロールとは、次のようなものです。 サーバーから取得したデータがリストで表示されている。 ユーザーがスクロールしてリストの下に到達したら、サーバーから追加のデータを読み込んでリス

[ryosuke-fujii]

Recoilのselector使ったことなかったな

[uehaj]

面白いけど実用的にはキャッシュ制御やプリフェッチで画面更新を遅延させることも絡むしな。tanstack queryのinfinite query一択なような

[jay-es]

表示する要素を atom で持っておき、数ページ下端についたら増やす。再起 selector で追加分を取得