relay-pagination

Cursor-based pagination in Relay uses usePaginationFragment with @connection directives to manage incremental data loading. You call loadNext to fetch more items, creating smooth infinite scroll experiences for feeds and large data-heavy lists.

Bidirectional paging in Relay uses loadNext and loadPrevious functions within usePaginationFragment to fetch data in both directions. This approach maintains stable cursor positions while incrementally loading items for admin dashboards or product listings.

Reset Relay pagination by calling refetch when filters change. This re-initializes the cursor-based connection, clearing existing paginated data and fetching fresh results from the beginning of the filtered dataset.

Relay cursor pagination supports infinite scroll by using usePaginationFragment to track connection edges. The loadNext function fetches subsequent pages as users scroll, enabling continuous data loading for product listings and feeds.

Cursor-based pagination is needed for large datasets where stable, incremental loading matters. It handles infinite scroll, load more, and bidirectional paging efficiently, preventing duplicate or missing items during real-time data updates in feeds and dashboards.

Relay pagination supports filtered listings by combining usePaginationFragment with refetch to reset connections when filters change. This manages cursor-based incremental loading for admin dashboards displaying large, dynamically filtered datasets.