GraphQL Pagination with Apollo Client in React
In this lesson, we will use GraphQL API to implement the pagination feature for our application.
We'll cover the following
Finally, you are going to implement another advanced feature while using GraphQL API called pagination.
In this lesson, we will implement a button that allows successive pages of repositories to be queried and a simple “More” button rendered below the list of repositories in the RepositoryList
component. When the button is clicked, another page of repositories is fetched and merged with the previous list as one state into Apollo Client’s cache.
First, let’s extend the query next for your Profile
component with the necessary information to allow pagination for the list of repositories:
Get hands-on with 1200+ tech skills courses.