Hands-On Full-Stack Web Development with GraphQL and React

Testing the Apollo Client

Before inserting the GraphQL client directly into our React application tree, we should test it. This is also the next step in Apollo's official documentation. We will write some temporary code to send our first GraphQL query. After testing our GraphQL client, we will remove the code again. The easiest way to do this is to use the graphl-tag package:

1. First, install this package with npm, as follows:

npm install --save graphql-tag

2. Import the package at the top of the Apollo Client setup, as follows:

import gql from 'graphql-tag';

3. Then, add the following code before the client is exported:

client.query({  query: gql`    {       posts {         id        text        user {          avatar          username        }      }    }`}).then(result => console.log(result));

The preceding ...