Tools

Query tools

GraphQL Playground

Prisma — Introducing GraphQL Playground
Intro and differences to GraphiQL.

YouTube — Explore the Prisma API with GraphQL Playground
Demo of UI features.

GraphiQL

GraphQL Playground superseded GraphiQL. These articles provide a little background to learn both.

GraphQL Hub — GraphiQL is GraphQL’s killer app
Intro to the query browsing tool.

GraphQL Hub — Variables
Learn how variables are used in queries and graphiql.

Code editor tools

GraphQL language for Atom
When working on schemas add a syntax highlighter to your IDE.

Browser extensions

For Chrome

Apollo Client Developer Tools
Chrome extension for Apollo with GraphQL Playground.

ChromiQL
Chrome extension for GraphiQL.