Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

GraphQL: Data Fetching with Relay

via LinkedIn Learning

Go to class Write review

Details

Go to class

Provider

LinkedIn Learning
Pricing

Free Trial Available
Languages

English
Certificate

Certificate Available
Duration & workload

2-3 hours
Sessions

On-Demand

Found in

Overview

Streamline data retrieval in your React.js applications. Learn how to build a GraphQL server and use Relay to fetch data from React components.

Syllabus

Introduction

Welcome
What you need to know
Use the exercise files

1. Introduction and Setup

IDE and required tools
GraphQL overview
Server setup with ES6 support
The GraphQL setup
Set up your basic GraphQL schema

2. GraphQL Development

Overview of GraphiQL
Run queries with arguments
Update schema for mutations
Update resolvers for mutations
Add data directly into GraphiQL
Update into GraphiQL

3. Relay Setup

Introduction to Relay Modern
Update server setup for GraphQL
Update server setup for Relay
Update your data files: Script setup
Update your data files: Database setup
Update your data files: Schema file, part 1
Update your data files: Schema file, part 2
Code the base HTML
Add the Relay entry component
Finalize the Relay entry component

4. React Integration

Create the friends component
Create the friends list component
Create the friend component
Final touches with materialize

Conclusion

Next steps

Taught by

Emmanuel Henri

Reviews

Start your review of GraphQL: Data Fetching with Relay