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

Because it becomes reusable for other queries.

Because it can be used for other types apart from the Repository type.

Because it can be used to delete Apollo Client’s cache.

Because it improves the query performance.

Why do we extract fragments from a query?

Why do we extract fragments from a query?

Providing sufficient information in the mutation result.

It doesn’t need to be updated manually, because Apollo Client takes care of everything.

How can the local cache be updated after a successful mutation?

How can the local cache be updated after a successful mutation?

The _typename meta field disables Apollo Client’s cache to update the stored entities.

Using fragments to delete the local cache is a valid option to keep the cache consistent after a successful mutation.

Refetching all affected queries after a successful mutation is the best strategy to deal with cache inconsistency.

Props such as update and variable props used in the Mutation component can be overridden in the actual mutation function call.

Which of the following statements is true?

Which of the following statements is true?

Direct access of normalized entities in the cache.

Only readFragment can be used to write data to the local cache afterward.

What’s the benefit of using readFragment over readQuery?

What’s the benefit of using readFragment over readQuery?

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 Local State Management with Apollo Client