Relay & GraphQL Training Course | DevelopIntelligence

Course Summary

The Relay & GraphQL course is designed to demonstrate how to utilize Relay with GraphQL in the context of React applications.

The course begins with lectures and exercises on making GraphQL requests and understanding Relay concepts like fragments, variables, and callbacks. Next, it explores Relay concepts like slicing, pagination, and data fetching. The course concludes with a deep dive into Relay mutations, including working with optimistic updates and fat queries.

Purpose

Learn how to use Relay with GraphQL in the context of React applications.

Audience

Developers with some experience in developing React components.

Role

Software Developer - Web Developer

Skill Level

Intermediate

Style

Hack-a-thon - Workshops

Duration

3 Days

Related Technologies

JavaScript

Relay Modern

Web Development

Download

Productivity Objectives:

Explain the problems that GraphQL and Relay help to solve
Write GraphQL queries to retrieve data from a database
Build out a client UI that specifies its data needs using Relay to connect to your GraphQL-based server

Learn About Virtual Training

Request Information

Get your team upskilled or reskilled today. Chat with one of our experts to create a custom training proposal. Fully customized at no additional cost.

If you are not completely satisfied with your training class, we'll give you your money back.

about our training

Real-World Content

Project-focused demos and labs using your tool stack and environment, not some canned "training room" lab.
Expert Practitioners

Industry experts with 15+ years of industry experience that bring their battle scars into the classroom.
Experiential Learning

More coding than lecture, coupled with architectural and design discussions.
Fully Customized

One-size-fits-all doesn't apply to training teams. That's where we come in!

What You'll Learn

In the Relay & GraphQL training course, you'll learn:

Introduction
- Demand Driven Architecture vs REST
- GraphQL and Relay
Making GraphQL Requests
- Utilize GraphiQL to send queries
- Define Queries
- Understand Types
- Specify Query Parameters
- Understand Fragments
- Utilize Query Variables
- Under the Hood: How a GraphQL Server Responds to Queries
Relay Concepts
- Containers, Fragments, Root Container and Routes
- Internal Architecture Client-Side Cache
Getting Started with Relay
- Relay Container Composition
- Name Fragments and Variables
- Pass Variables to Fragments
- Set and Using Relay Variables
- Conditional Fields with @include and @skip
- Debugging Network Requests
- Render Callbacks
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
Querying via Relay
- Re-fetching, the Node Interface, and Global ‘id’s
- The Node root field
- Thinking in Graphs
Data Fetching
- Data fetching & Ready State
- Utilize Ready State Events
- Handle Server Errors
- Force Fetching
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