Install React and Relay using
Relay Modern requires a Babel plugin to convert GraphQL to runtime artifacts:
"relay" to the list of plugins your
Please note that the
"relay" plugin should run before other plugins or
presets to ensure the
graphql template literals are correctly transformed. See
Babel's documentation on this topic.
See the Migration Setup guide if upgrading an existing Relay app.
Relay's ahead-of-time compilation requires the Relay Compiler, which you can install via
This installs the bin script
relay-compiler in your node_modules folder. It's recommended to run this from a
npm script by adding a script to your
Then, after making edits to your application files, just run the
relay script to generate new compiled artifacts:
Alternatively, you can pass the
--watch option to watch for file changes in your source code and automatically re-generate the compiled artifacts (Note: Requires watchman to be installed):
For more details, check out our Relay Compiler docs.
Object.assign) to be defined. If you support older browsers and
devices which may not yet provide these natively, consider including a global
polyfill in your bundled application, such as core-js or
A polyfilled environment for Relay using core-js to support older browsers might look like: