Relay & GraphQL Training | Building Data-driven React Applications with Relay & GraphQL

Relay & GraphQL Course Description

Relay is a framework from Facebook that takes the pain out of hand-coding data-fetching capabilities into your React web applications. Your components specify their own dependencies declaratively using GraphQL – a query language built for the job.

GraphQL is an application layer query language that interprets a string by a server, which then returns the required data in a specified format.

The Relay & GraphQL training course brings you up to speed with modern JavaScript web app development. Using React to build your web applications can bring powerful benefits to your workflow, such as easier reasoning about your code, speedy development of components, and component-based testing (and more!). This course focuses on using Relay to connect with servers exposing data via GraphQL.

Relay & GraphQL Course Learning Outcomes

  • Write GraphQL queries effectively
  • Understand the problems that GraphQL and Relay help to solve
  • Build out a client UI that specifies its data needs using Relay to connect to your GraphQL-based server

Relay & GraphQL Training - Suggested Audience

This training is aimed at developers who wants build best-of-breed web applications on react components.
  • Web Developer
  • Front Developer
  • Javascript Developers
  • MEAN Stack Developers
  • AngularJS 1.x Developers
  • Technical Leads
  • Architects
  • Quality & Testing professionals

Relay & GraphQL Training Duration

  • Open-House F2F (Public): 3 days
  • In-House F2F (Private): 2/3 days, for commercials please send us an email with group size to

Relay & GraphQL Training course - Prerequisites

Participants need to have some experience in developing React components.

This Relay & GraphQL training course outline includes:

1. Introduction
  • Demand Driven Architecture vs REST
  • GraphQL and Relay

2. Making GraphQL Requests
  • Using GraphiQL to send queries
  • Defining Queries
  • Understanding Types
  • Specifying Query Parameters
  • Understanding Fragments
  • Using Query Variables
  • Under the Hood: How a GraphQL Server Responds to Queries

3. Relay Concepts
  • Containers, Fragments, Root Container and Routes
  • Internal Architecture & Client-Side Cache

4. Getting Started with Relay
  • Relay Container Composition
  • Naming Fragments and Variables
  • Passing Variables to Fragments
  • Setting and Using Relay Variables
  • Conditional Fields with include and skip
  • Debugging Network Requests
  • Render Callbacks

5. Slicing and Paginating
  • Relay Support in GraphQL: Cursors, Slicing and Paginating Data using Connections
  • Relay Support in GraphQL: Edges and PageInfo
  • Navigating/Paginating one-to-many relationships

6. Querying via Relay
  • Re-fetching, the Node Interface, and Global ‘id’s
  • The Node root field
  • Thinking in Graphs

7. Data Fetching
  • Data fetching & Ready State
  • Using Ready State Events
  • Handling Server Errors
  • Force Fetching

8. Mutations
  • Relay’s Mutation Pattern
  • Handling Mutations
  • Optimistic Updates and Fat Queries
  • Mutator Configurations & Updating the Client Store
  • Range Behaviors
  • Mutations for: adding an item, changing an item, deleting an item 
Keny White


Keny White is Professor of the Department of Computer Science at Boston University, where he has been since 2004. He also currently serves as Chief Scientist of Guavus, Inc. During 2003-2004 he was a Visiting Associate Professor at the Laboratoire d'Infomatique de Paris VI (LIP6). He received a B.S. from Cornell University in 1992, and an M.S. from the State University of New York at Buffalo.


After working as a software developer and contractor for over 8 years for a whole bunch of companies including ABX, Proit, SACC and AT&T in the US, He decided to work full-time as a private software trainer. He received his Ph.D. in Computer Science from the University of Rochester in 2001. "What I teach varies from beginner to advanced and from what I have seen, anybody can learn and grow from my courses".


Average Rating

1 rating

Detailed Rating

5 stars
4 stars
3 stars
2 stars
1 star

    This is great

    I really love the course editor in LearnPress. It is never easier when creating courses, lessons, quizzes with this one. It's the most useful LMS WordPress plugin I have ever used. Thank a lot! Testing quiz is funny, I like the sorting choice question type most.