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

Using a Mutation component enables you to perform mutations in a declarative way.

The Mutation component has implicit access to the Apollo Client instance due to React’s underlying Context API.

Using a Mutation component enables you to perform mutations in an imperative way.

The Mutation component has implicit access to the Apollo Client instance, because it was injected at the top level.

Which of the following statements about the Mutation component is false?

Which of the following statements about the Mutation component is false?

In the render prop’s children as a function, but as second argument.

In the arguments of the component where the Mutation component is used.

Where can you access the mutation result when using a render prop?

Where can you access the mutation result when using a render prop?

When you call a function which is provided as argument in the render props child function.

When the provided mutating function is not used in an interactive element such as a button element.

When the component where the Mutation component is used gets mounted.

When does the Mutation component execute the provided mutation?

When does the Mutation component execute the provided mutation?

Apollo Client’s cache updates the local state when the information is provided in the mutation result.

A mutation triggers immediately when the Mutation component is rendered.

Apollo Client’s cache needs help when updating other information which is not provided in the mutation’s result.

A Mutation component has access to the mutation’s result in its render prop’s child function.

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 GraphQL Mutation