An example using graphql-js-client built with React. This project was bootstrapped with Create React App. This example uses babel-plugin-graphql-js-client-transform in conjunction with graphql-js-client to build queries.

You will need the following things properly installed on your computer.

• Git
• Node.js (with NPM)
• Yarn

• git clone https://github.com/Shopify/storefront-api-examples.git this repository
• cd storefront-api-examples
• cd react-graphql-client
• yarn install

If you would like to connect your store to this example, open up src/index.js and update the url and X-Shopify-Storefront-Access-Token header:

export const client = new Client(typeBundle, {
  url: 'https://your-shop-name.myshopify.com/api/graphql',
  fetcherOptions: {
    headers: {
      'X-Shopify-Storefront-Access-Token': 'your-storefront-access-token'
    }
  }
});

Start a local server:

yarn start

• Visit your app at http://localhost:3000.

• React
• GraphQL JS Client

For help on setting up the repo locally, building, testing, and contributing please see CONTRIBUTING.md.

All developers who wish to contribute through code or issues, take a look at the CODE_OF_CONDUCT.md.

MIT, see LICENSE for details.