• No products in the cart.

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 workflows, 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 want to build best-of-breed web applications on react components. Suggested audience are;

  • Web Developer
  • Front Developer
  • Javascript Developer
  • MEAN Stack Developer
  • AngularJS 1.x Developer
  • Technical Lead
  • Architects
  • Quality & Testing professionals


Relay & GraphQL Training Course – Prerequisites

Participants need to have some experience in developing React components.


Relay & GraphQL In-house/Corporate Group Training

Available for a group size of more than 4-5. For commercials please send us an email with group size to

Course Curriculum

1. Introduction
Demand Driven Architecture vs REST Details 00:00:00
GraphQL and Relay Details 00:00:00
2. Making GraphQL Requests
Using GraphiQL to send queries Details 00:00:00
Defining Queries Details 00:00:00
Understanding Types Details 00:00:00
Specifying Query Parameters Details 00:00:00
Understanding Fragments Details 00:00:00
Using Query Variables Details 00:00:00
Under the Hood: How a GraphQL Server Responds to Queries Details 00:00:00
3. Relay Concepts
Containers, Fragments, Root Container and Routes Details 00:00:00
Internal Architecture & Client-Side Cache Details 00:00:00
4. Getting Started with Relay
Relay Container Composition Details 00:00:00
Naming Fragments and Variables Details 00:00:00
Passing Variables to Fragments Details 00:00:00
Setting and Using Relay Variables Details 00:00:00
Conditional Fields with include and skip Details 00:00:00
Debugging Network Requests Details 00:00:00
Render Callbacks Details 00:00:00
5. Slicing and Paginating
Relay Support in GraphQL: Cursors, Slicing and Paginating Data using Connections Details 00:00:00
Relay Support in GraphQL: Edges and PageInfo Details 00:00:00
Navigating/Paginating one-to-many relationships Details 00:00:00
6. Querying via Relay
Re-fetching, the Node Interface, and Global ‘id’s Details 00:00:00
The Node root field Details 00:00:00
Thinking in Graphs Details 00:00:00
7. Data Fetching
Data fetching & Ready State Details 00:00:00
Using Ready State Events Details 00:00:00
Handling Server Errors Details 00:00:00
Force Fetching Details 00:00:00
8. Mutations
Relay’s Mutation Pattern Details 00:00:00
Handling Mutations Details 00:00:00
Optimistic Updates and Fat Queries Details 00:00:00
Mutator Configurations & Updating the Client Store Details 00:00:00
Range Behaviors Details 00:00:00
Mutations for: adding an item, changing an item, deleting an item  Details 00:00:00

Course Reviews


  • 5 stars0
  • 4 stars0
  • 3 stars0
  • 2 stars0
  • 1 stars0

No Reviews found for this course.