Skip to main content
Version: v5.0.0

Community Learning Resources

Relay Modern Learning Blog Posts Thread on Twitter​

twitter.com/sseraphini/status/1078595758801203202

Relay examples - common patterns explained via code and videos​

github.com/kiwicom/relay-example

Basics

Relay Modern: What is a fragment?​

Basic explanation of what is a fragment and what it is used for medium.com/@sibelius/relay-modern-what-is-a-fragment-c70f164c2469

Relay Modern anti-pattern​

What you should avoid doing when using Relay concepts medium.com/entria/relay-apollo-anti-pattern-d9f4dea47738

Relay Modern is just getting better​

Some insights of how Relay Modern has improved a lot since Relay Classic medium.com/entria/relay-is-just-getting-better-54112ffc1a9e

Relay Modern: @argumentDefinitions​

How to use @argumentsDefinitions to define local variables to your fragments medium.com/entria/relay-modern-argumentdefinitions-d53769dbb95d

Relay Modern: How to paginate using a Refetch Container​

You can use a refetch container to paginate as well, just use renderVariables correctly medium.com/entria/relay-modern-pagination-using-refetch-container-editing-a07c6b33ae4e

Relay Store

Relay Modern: the Relay Store​

How Relay Modern stores your data medium.com/@sibelius/relay-modern-the-relay-store-8984cd148798

Relay Modern: Deep Dive of Updater Relay Store function​

How to update your store properly after a mutation or subscription medium.com/entria/wrangling-the-client-store-with-the-relay-modern-updater-function-5c32149a71ac

Relay Modern: Optimistic Update​

How to update your UI before server responds. medium.com/entria/relay-modern-optimistic-update-a09ba22d83c9

Relay Modern: Local State Management, part 1​

How to create a controlled input using Relay. babangsund.com/relay_local_state_management/

Relay Modern: Local State Management, part 2​

How to manage global state and localStorage persistence on the client, using Relay. babangsund.com/relay_local_state_management_2/

Relay Modern: Local State Management, part 3​

Using LocalQueryRenderer and local state to manage nested fragments. babangsund.com/relay_local_state_management_3/

Network Layer

Relay Modern: Network Deep Dive​

How to incrementally improve your network layer to manage complex data fetching requirements medium.com/entria/relay-modern-network-deep-dive-ec187629dfd3

Configuration

Relay Modern with TypeScript​

How to configure Relay Modern to make it with TypeScript medium.com/@sibelius/relay-modern-migration-to-typescript-c26ab0ee749c