Demonstration on how to use some of the benefits of relay with react-apollo (or any graphql framework) by using the relay-compiler as a graphql-codegen plugin to transform/optimize queries.
Benefits:
- More optimized Queries
- Use Relay Features With Apollo
- Fragment Arguments
- Data Masking
Read the introduction and setup guide over here: Optimizing your Apollo Client Operations with GraphQL Code Generator and the Relay Compiler
Checkout the example app here: todo-app-example
Use the relay-compiler foro ptimizing your GraphQL Queries.
Example usage of the packages/graphql-codegen-relay-optimizer-plugin plugin.
- Generate Fragment Types that can be used for the Components
- Add todo-app from relay-examples and convert it to react-apollo
- Add support for
@relay(plural: Boolean) - Add support for masking (https://relay.dev/docs/en/graphql-in-relay#relaymask-boolean)