With Graphcache's Pagination#

This example shows urql in use with @urql/exchange-graphcache's infinite pagination helpers to merge several pages of a Relay-compliant schema into an infinite list. This largely follows the "Pagination" section on the "Local Resolvers" docs page and uses the trygql.formidable.dev/graphql/relay-npm schema.

To run this example install dependencies and run the start script:

yarn install
yarn run start
# or
npm install
npm run start

This example contains:

• The urql bindings and a React app with a client set up in src/App.js
• The cacheExchange from @urql/exchange-graphcache in src/App.js
• A paginated query for packages in src/pages/PaginatedNpmSearch.js