Search⌘ K
AI Features
Home
Courses
A Practical Guide to GraphQL: From the Client Perspective

Executing a GraphQL Query Using Apollo Client

Explore how to send GraphQL queries to GitHub's API using Apollo Client. Understand defining queries with JavaScript, handling promises, and interpreting response data including caching metadata. Gain practical experience in integrating Apollo Client for effective GraphQL API communication.

We'll cover the following...

Now we are going to send our first query to GitHub’s GraphQL API using Apollo Client. First of all, we will import the following utility from Apollo Boost to define the query:

Node.js
import 'cross-fetch/polyfill';
import ApolloClient, { gql } from 'apollo-boost';

Next, we will define our query with JavaScript template literals:

Node.js
...
const GET_ORGANIZATION = gql`
  {
    organization(login: "the-road-to-learn-react") {
      name
      url
    }
  }
`;

Now, we use the Apollo Client imperatively to send the query to GitHub’s GraphQL API. Since the Apollo Client is promise-based, the query() method returns a promise that you can eventually resolve. It’s ...