Relay の追加

Relay は、GraphQL によりサポートされるデータ主導型 React アプリケーションを作成するためのフレームワークです。現在のバージョンの Relay は、Babel マクロを使用してすぐに Create React App プロジェクトで機能します。プロジェクトを Relay documentation に示されているように設定し、マクロを提供する babel プラグインのバージョンがあることを確認します。

追加するには、実行します

npm install --save babel-plugin-relay

また、yarnを使用することもできます

yarn add babel-plugin-relay

次に、graphqlテンプレートタグを使用する場所にマクロをインポートします

import graphql from 'babel-plugin-relay/macro';
// instead of:
//   import { graphql } from "babel-plugin-relay"

graphql`
  query UserQuery {
    viewer {
      id
    }
  }
`;

Relay の詳細については、ドキュメントを参照してください。