react-graphql-client

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.

Prerequisites

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

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

Installation

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

Configuring

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'
    }
  }
});

Running

Start a local server:

yarn start

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

Further Reading / Useful Links

• React
• GraphQL JS Client

Contributing

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

Code of Conduct

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

License

MIT, see LICENSE for details.