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.