Skip to content

Illustrated.dev

Toggle Nav
ExplainersSketchesAbout

GraphQL Query Language

thumb 2x

GraphQL is undoubtably one of the popular kids on the webdev playground this year (alongside Svelte and React Hooks).

If you haven't heard of GraphQL, the TLDR is that it's a new way to request data from an API.

One that's easier, faster, better, and stronger than the old RESTful API system.

(There's more to it than that, but it gets complex so I'm in the middle drawing a whole WTF is GraphQL explainer for you – stay tuned)

If you're lucky enough to already grok GraphQL, you'll know the QL stands for Query Language – aka. the language we talk to our GraphQL API in.

It's not a terribly complex language, but you'll still need to do some syntax studying to get the hang of it.

og graphql query language

Thankfully the magnificent Eve Porcello just released a new course on egghead that runs you through the full GraphQL vocabulary.


Here are some of my notes from working through Eve's material:

graphql1

graphql2

graphql3


The Full Sketchnote


graphql sketchnotes  mini

Want to learn more?

A high-res & printable version of the sketchnote, plus the full course is avaliable here on the GraphQL Query Language page.