Menu
RelayDocsBlogHelpGitHub
Next ๐Ÿšง
  • Next ๐Ÿšง
  • v11.0.0
  • v10.1.3
  • v10.1.2
  • v10.1.1
  • v10.1.0
  • v10.0.1
  • v10.0.0
  • v9.1.0
  • v9.0.0
  • v8.0.0
  • v7.1.0
  • v7.0.0
  • v6.0.0
  • v5.0.0
  • v4.0.0
  • v3.0.0
  • v2.0.0
  • v1.7.0
  • v1.6.2
  • v1.6.1
  • v1.6.0
  • v1.5.0
  • v1.4.1
  • All versions
๐ŸŒœ
๐ŸŒž
Relay
  • Docs
  • Blog
  • Help
  • GitHub
  • Versions
    • Next ๐Ÿšง
    • v11.0.0
    • v10.1.3
    • v10.1.2
    • v10.1.1
    • v10.1.0
    • v10.0.1
    • v10.0.0
    • v9.1.0
    • v9.0.0
    • v8.0.0
    • v7.1.0
    • v7.0.0
    • v6.0.0
    • v5.0.0
    • v4.0.0
    • v3.0.0
    • v2.0.0
    • v1.7.0
    • v1.6.2
    • v1.6.1
    • v1.6.0
    • v1.5.0
    • v1.4.1
    • All versions
  • Getting Started
    • Introduction to Relay
    • Prerequisites
    • Installation and Setup
    • Step-by-step Guide
  • A Guided Tour
    • Introduction
    • Workflow
    • Rendering Data Basics
      • Queries
      • Fragments
      • Variables
      • Loading States with Suspense
      • Error States with ErrorBoundaries
      • Environment
    • Reusing Cached Data for Rendering
      • Reusing Cached Data
      • Fetch Policies
      • Availability of Data
      • Presence of Data
      • Staleness of Data
      • Rendering Partially Cached Data
      • Filling in Missing Data (Missing Field Handlers)
    • Refreshing and Refetching
      • Introduction
      • Refreshing Queries
      • Refetching Queries with Different Data
      • Refreshing Fragments
      • Refetching Fragments with Different Data
    • Rendering List Data and Pagination
      • Connections
      • Rendering Connections
      • Pagination
      • Streaming Pagination
      • Refetching Connections (Using and Changing Filters)
      • Updating Connections
      • Advanced Pagination
    • Updating Data
      • Introduction
      • GraphQL Mutations
      • GraphQL Subscriptions
      • Local Data Updates
      • Client-Only Data
    • Managing Data Outside React
      • Retaining Queries
  • API Reference
    • Relay Hooks
      • RelayEnvironmentProvider
      • useRelayEnvironment
      • usePreloadedQuery
      • useQueryLoader
      • loadQuery
      • useLazyLoadQuery
      • useFragment
      • useRefetchableFragment
      • usePaginationFragment
      • useMutation
      • useSubscription
    • Entrypoint APIs
      • useEntryPointLoader
      • loadEntryPoint
      • EntryPointContainer
    • Relay Runtime
      • fetchQuery
      • Store
      • commitMutation
      • requestSubscription
    • GraphQL Directives
    • Legacy APIs
  • Guides
    • GraphQL Server Specification
    • Relay Compiler
    • Type Emission
    • Persisted Queries
    • Network Layer
    • Client Schema Extensions
    • Testing Relay Components
    • Testing Relay with Preloaded Queries
  • Migration and Compatibility
    • Upgrading to Relay Hooks
    • Suspense Compatibility
    • Relay Hooks and Legacy Container APIs
  • Debugging
    • Relay DevTools
    • Inconsistent Typename Error
    • Debugging Declarative Mutation Directives
  • Principles and Architecture
    • Thinking in GraphQL
    • Thinking in Relay
    • Architecture Overview
    • Compiler Architecture
    • Runtime Architecture
    • Videos
  • Community Learning Resources
  • Glossary
This is unreleased documentation for Relay Next ๐Ÿšง version.
For up-to-date documentation, see the latest version (v11.0.0).
Version: Next ๐Ÿšง

Community Learning Resources

Relay example projects#

These projects serve as an example of how to use Relay in real world applications.

  • github.com/relayjs/relay-examples

Guides and articles:#

  • How to use @argumentsDefinitions to define local variables to your fragments (by Entria)
  • Deep Dive of Updater Relay Store function. How to update your store properly after a mutation or subscription (by Entria)
  • Optimistic Update: how to update your UI before server responds (by Entria)
  • Relay Network Deep Dive - how to incrementally improve your network layer to manage complex data fetching requirements (by Entria)
  • Relay Modern with TypeScript - how to configure Relay Modern to make it with TypeScript (by @sibelius)
  • Collection of random thoughts and discoveries around Relay

Relay Modern articles#

Note: you can find many more resources by looking at the Relay Modern Documentation.


Is this page useful?
Edit this page
Last updated on 4/15/2021 by Andrey Lunyov
Previous
ยซ Videos
Next
Glossary ยป
  • Relay example projects
  • Guides and articles:
  • Relay Modern articles

Docs

  • Introduction

Community

  • User Showcase

Legal

  • Privacy
  • Terms
  • Data Policy
  • Cookie Policy