graphql-js-client

import GraphQLClient from 'graphql-js-client';

// This is the generated type bundle from graphql-js-schema
import types from './types.js';

const client = new GraphQLClient(types, {
  url: 'https://graphql.myshopify.com/api/graphql',
  fetcherOptions: {
    headers: `Authorization: Basic ${btoa('some-storefront-access-token')}`
  }
});

const products = [];

client.send(client.query((root) => {
  root.add('shop', (shop) => {
    shop.add('name');
    shop.addConnection('products', {args: {first: 10}}, (product) => {
      product.add('title');
    });
  });
}).then(({model, data}) => {
  console.log(model); // The serialized model with rich features
  console.log(data); // The raw data returned from the endpoint

  products.push(...model.products);

  if (model.products.hasNextPage) {
    return client.fetchNextPage(model.products);
  };

// `fetchNextPage` resolves with the model you wanted the next page of
}).then(({model, data}) => {
  products.push(...model); // Page two of products
});