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

It’s a way to transport data from a top level component to a child component without using props.

It is used to configure the network layer of React.

It opens up a “pit” between Provider and Consumer components.

Because the Apollo Client can be used with any view-layer solution.

Because there exist connection libraries to bridge between data-layer and middle-layer.

Because it can only be used in Node.js environments.

<p>Why is Apollo Client framework agnostic?</p>


Because API’s context API allows one to inject the Apollo Client instance to the component tree.

Because the Apollo Client is used directly in the component layer.

Because its possible to perform queries and mutations from within the component tree without using the Apollo Client instance directly.

Because it is passed to the Sender component which uses React’s context API under the hood.

Why do you have implicit access to the Apollo Client in your React components?

<p>Why do you have implicit access to the Apollo Client in your React components?</p>


Because Sender components are used to give the whole component tree access to information.

Because then the Consumer components can be used somewhere down the component tree to access information.

Because it can use its parent property to render the whole component tree below.

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 Connecting Data-Layer to View-Layer