Gain insights into GraphQL from a client perspective. Explore practical exercises, React integration, Apollo Client, and a live VM for real-time coding with GitHub’s GraphQL API.

GraphQLClient.tar.gz

REACT_APP_GITHUB_PERSONAL_ACCESS_TOKEN

GITHUB_PERSONAL_ACCESS_TOKEN

RunApp

RunApolllo

RunGraphQLReact

This course was written to be as practical as possible. It offers an interactive learning experience, starting off with a general introduction to GraphQL and proceeding to allow you to play with GraphQL Queries and Mutations using GitHub’s GraphQL API.

After getting you comfortable with the basics of GraphQL, the course moves on to how to use GraphQL with React and then on how to integrate it with Apollo Client. You'll implement an issue tracker application using GraphQL combined with both React and Apollo Client.

Finally, with this course Educative introduces its newest feature: A live VM. You will now have access to a terminal with a native look and feel where you can modify code and see changes in real time - all inside your browser!

A Practical Guide to GraphQL: From the Client Perspective

Installing all packages yourself gives you no understanding of the Apollo Client ecosystem.

Setting up the configuration yourself gives you a better understanding about the fine-grained composable Apollo Client instance.

Because the Apollo Client that comes from Apollo Boost is too fast.

Why are you not using Apollo Boost for this application?

Why are you not using Apollo Boost for this application?

An URI that points to your exposed GraphQL API endpoint.

What are the mandatory configurations to create a Apollo Client instance?

What are the mandatory configurations to create a Apollo Client instance?

Authorizing the application for usage of GitHub’s API scoped by roles.

Authorizing the application for usage of GitHub’s API only by admins.

Authorizing the application for usage of GitHub’s API scoped by permissions.

As an automatic sign up to GitHub’s platform.

What’s the authorization header when creating a link instance used for?

What’s the authorization header when creating a link instance used for?

It avoids to make requests with an identical query twice.

It automatically prefetches data for an improved UX.

It automatically adds an optimistic UI strategy.

What’s the responsibility of Apollo Client’s cache?

What’s the responsibility of Apollo Client’s cache?

An Introduction to GraphQL

How to Get Started

Exploring GitHub's GraphQL API

Combining React with GraphQL

Introducing Apollo Client with GraphQL

React with Apollo and GraphQL

Local Installation Guide

Quiz on Configuring Apollo Client