2020-03-13
1120
#graphql
Adhithi Ravichandran
15608
Mar 13, 2020 ⋅ 4 min read

GraphQL variables in simple terms

Adhithi Ravichandran Software consultant, Pluralsight author, speaker, React Native/React/GraphQL dev, and Indian classical musician. You can find me online at adhithiravichandran.com.

Recent posts:

Building Web-Based Terminal Components With Termino.js

Building web-based terminal components with Termino.js

Explore Termino.js, an open source library for integrating web-based terminals into applications, in this introduction article.

Chibuike Nwachukwu
Apr 11, 2024 ⋅ 6 min read
How To Build A Custom Gpt: Step By Step Tutorial

How to build a custom GPT: Step-by-step tutorial

Let’s see why and how to build custom GPTs — personalized versions of ChatGPT that act as custom chatbots to serve a specific purpose.

Peter Aideloje
Apr 10, 2024 ⋅ 7 min read
Jest Adoption Guide: Overview, Examples, And Alternatives

Jest adoption guide: Overview, examples, and alternatives

Jest is feature-rich testing framework that comes with several in-built features that make it powerful and easy to use.

Ibiyemi Adewakun
Apr 9, 2024 ⋅ 12 min read
Implementing LiveViews In Node.js

Implementing LiveViews in Node.js

Explore LiveViewJS and how to build a full-stack Node.js app with LiveViews that supports real-time interactivity.

Emmanuel John
Apr 8, 2024 ⋅ 16 min read
View all posts

3 Replies to "GraphQL variables in simple terms"

  1. Testing variables in some application is pretty straightforward. However, how do you use variables in a standard fetch call using code?

    1. In the body of the request stringify your graphql query like this:- hope it helps

      fetch(‘https://api.hashnode.com’, {
      method: ‘POST’,
      headers: {
      ‘Content-Type’: ‘application/json’,
      Authorization: ”,
      },
      body: JSON.stringify({
      query:
      ‘mutation createStory($input: CreateStoryInput!){ createStory(input: $input){ code success message } }’,
      variables: {
      input: {
      title: ‘What are the e2e testing libraries you use ?’,
      contentMarkdown: ‘# You can put Markdown here.\n***\n’,
      tags: [
      {
      _id: ‘56744723958ef13879b9549b’,
      slug: ‘testing’,
      name: ‘Testing’,
      },
      ],
      coverImageURL:
      ‘https://codybontecou.com/images/header-meta-component.png’,
      },
      },
      }),
      })
      .then(res => res.json())
      .then(res => console.log(JSON.stringify(res)))

  2. Thank you! After endless hours trying to use string interpolation to inject my $token into the GraphQL request and having to deal with needing to escape quotation mark characters, this helped me correctly use variables for my request.

Leave a Reply