DEV Community

Cover image for GraphQL Resources: top tools, extensions & tutorials for beginners
Tomek Poniatowicz for GraphQL Editor

Posted on • Edited on • Originally published at blog.graphqleditor.com

GraphQL Resources: top tools, extensions & tutorials for beginners

Since the GraphQL was introduced in 2015 by Facebook, it's popularity is continuously growing. If you want to learn the GraphQL here is a list of the best tools, extensions, and tutorials to start with.


Knowlege base

  1. GrapQL Official Documentation is definitely the best place to start your GraphQL adventure.
  2. Official Facebook Draft RFC Specification is a place to go if you are looking for raw knowledge regarding GraphQL project.
  3. GraphQL Weekly is a newsletter with news, articles, and everything related to GraphQL
  4. How to GraphQL is a website which will take you into a journey from GraphQL newbie to releasing your first GraphQL project.
  5. Explore-tech.org is a helpful resource for collecting GraphQL tools, especially libraries.
  6. Learn.hasura.io - The 2-hour GraphQL Tutorial series for frontend developers made by Hasura Team

Tools & Extensions

  1. GraphQL Docs is a simple way of generating static documentation for a GraphQL schema in seconds.
  2. GraphCMS a tool that allows you to define the GraphQL API. Create structures, relationships, powerful permissions and manage your content with ease, generally speaking, build a hosted GraphQL back-end for your web project along with tools to manage its content.
  3. GraphQL Editor makes it easier to understand the GraphQL schema. Create it by combining visual blocks and the editor will transform them into code! Features like loading schema from URL/file or a fake backend data can speed up the prototyping of your app.
  4. Apollo Launchpad allows you to write a GraphQL schema in JavaScript making GraphQL code very accessible.
  5. GraphiQL is a simple IDE tool for testing and documenting GraphQL APIs with a nice graphical interface.
  6. GraphQL Playground a GraphiQL alternative.
  7. Apollo Elements a library for building GraphQL-backed UIs without UI frameworks.
  8. Altair - a GraphiQL alternative

Blogs

  1. https://blog.apollographql.com/
  2. https://www.robinwieruch.de/
  3. https://graphqlmastery.com/blog
  4. https://blog.graphqleditor.com/
  5. https://graphql.org/blog/
  6. https://blog.hasura.io/tagged/graphql/

Video tutorials

  1. How to build a GraphQL Server

Communities

  1. https://www.reddit.com/r/graphql
  2. ReactiFlux Discord (#graphql)
  3. spectrum.chat/apollo

Let's build this directory together! If you know any useful tools, tutorials, blogs for GraphQL post in comments and I will update list!
If you're looking for best GraphQL tutorials also check this post.

Oldest comments (22)

Collapse
 
nilomiranda profile image
Danilo Miranda

Maybe this playlist by Trasversy will help:

youtube.com/playlist?list=PLillGF-...

Collapse
 
tomekponiat profile image
Tomek Poniatowicz GraphQL Editor

Thanks! Added :)

Collapse
 
patrickdronk profile image
Patrick Dronk

This is definitely my goto: howtographql.com/

Collapse
 
tomekponiat profile image
Tomek Poniatowicz GraphQL Editor

Thanks, already on the list :)

Collapse
 
kuldar profile image
Kuldar 🇪🇺

There's also GraphQL Playground as an alternative to GraphiQL. 🙂

Collapse
 
tomekponiat profile image
Tomek Poniatowicz GraphQL Editor

Added :)

Collapse
 
bennypowers profile image
Benny Powers 🇮🇱🇨🇦

You might like Apollo Elements for building graphql-backed UIs without UI frameworks.

Collapse
 
tomekponiat profile image
Tomek Poniatowicz GraphQL Editor

Thanks! Added!

Collapse
 
arsenygordeev profile image
Arseny Gordeev

There is pretty active community related to GraphQL on the ReactiFlux Discord (look at #graphql).

Collapse
 
tomekponiat profile image
Tomek Poniatowicz GraphQL Editor

Cool, updated :)

Collapse
 
xngwng profile image
Xing Wang

nice:
We also have been collecting best resources for Graphql. we'll add these ones to the list.

moesif.com/blog/api-guide/comparis...

Collapse
 
imolorhe profile image
Sir Muel I 🇳🇬

There is also Altair GraphQL Client as an alternative to GraphiQL.😄

Collapse
 
tomekponiat profile image
Tomek Poniatowicz GraphQL Editor

Added!

Collapse
 
frfrdufour profile image
Francois Dfr

There is also the Apollo GraphQL community on Spectrum: spectrum.chat/apollo

Collapse
 
xavvy profile image
Kumar Harsh

Graphql for VSCode - github.com/kumarharsh/graphql-for-vscode

Collapse
 
praveenweb profile image
Praveen Durairaju

This is a good list to start with. Thanks for putting this out :)
We at Hasura recently launched learn.hasura.io - The 2 hour GraphQL Tutorial series for frontend developers. It is open-source. Would be a nice addition to the list above :)

Collapse
 
tomekponiat profile image
Tomek Poniatowicz GraphQL Editor

Added:)