Adding Relay

Relay is a framework for building data-driven React applications powered by GraphQL. The current release of Relay works with Create React App projects out of the box using Babel Macros. Simply set up your project as laid out in the Relay documentation, then make sure you have a version of the babel plugin providing the macro.

To add it, run:

npm install --save babel-plugin-relay

Alternatively you may use yarn:

yarn add babel-plugin-relay

Then, wherever you use the graphql template tag, import the macro:

import graphql from 'babel-plugin-relay/macro';
// instead of:
//   import { graphql } from "babel-plugin-relay"
graphql`
  query UserQuery {
    viewer {
      id
    }
  }
`;

To learn more about Relay, check out its documentation.