Chapter 5. Making GraphQL Queries Relay-Compliant

In this chapter, we'll continue building our inspirational quotes Relay application, which we started in the previous chapter. Before we can use our GraphQL schema with Relay directly, there are a few things we need to do first to make it Relay-compliant. For example, we should match our GraphQL hierarchy to our React components hierarchy, and to do any paginations on the data, we should implement Relay's connection model.

The topics we'll cover in this chapter are:

  • Transforming GraphQL queries for Relay
  • Matching React's component hierarchy in GraphQL
  • First query operation with Relay
  • Edges and nodes in Relay's connection model

Transforming GraphQL queries for Relay

Relay is a JavaScript framework that's ...

Get Learning GraphQL and Relay now with O’Reilly online learning.

O’Reilly members experience live online training, plus books, videos, and digital content from 200+ publishers.