Description

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

Packages

@n1ru4l/graphql-codegen-relay-optimizer-plugin

Use the relay-compiler foro ptimizing your GraphQL Queries.

todo-app-example

Example usage of the packages/graphql-codegen-relay-optimizer-plugin plugin.

TODO

• [ ] Generate Fragment Types that can be used for the Components
• [x] 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)