Skip to main content
Version: v2.0.0

Community Learning Resources

Relay Modern Learning Blog Posts Thread on Twitter

Relay examples - common patterns explained via code and videos


Relay Modern: What is a fragment?

Basic explanation of what is a fragment and what it is used for

Relay Modern anti-pattern

What you should avoid doing when using Relay concepts

Relay Modern is just getting better

Some insights of how Relay Modern has improved a lot since Relay Classic

Relay Modern: @argumentDefinitions

How to use @argumentsDefinitions to define local variables to your fragments

Relay Modern: How to paginate using a Refetch Container

You can use a refetch container to paginate as well, just use renderVariables correctly

Relay Store

Relay Modern: the Relay Store

How Relay Modern stores your data

Relay Modern: Deep Dive of Updater Relay Store function

How to update your store properly after a mutation or subscription

Relay Modern: Optimistic Update

How to update your UI before server responds.

Relay Modern: Local State Management, part 1

How to create a controlled input using Relay.

Relay Modern: Local State Management, part 2

How to manage global state and localStorage persistence on the client, using Relay.

Relay Modern: Local State Management, part 3

Using LocalQueryRenderer and local state to manage nested fragments.

Network Layer

Relay Modern: Network Deep Dive

How to incrementally improve your network layer to manage complex data fetching requirements


Relay Modern with TypeScript

How to configure Relay Modern to make it with TypeScript