DEV Community

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

GraphQL Resources: top tools, extensions & tutorials for beginners

Tomek Poniatowicz on February 25, 2019

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 t...
Collapse
 
itmayziii profile image
Tommy May III • Edited

In case anyone is nervous about moving to GraphQL let me tell you I have built many REST APIs for fortune 500 companies and for myself. After using GraphQL these last 6 months I am proud to say I will never build another REST API willingly. I'm often very cautious of people that use the word "never" in this industry so that should tell you how strongly I feel about it.

Benefits of GraphQL for me ordered from most important to least important

  • Typed API schema so there is no guesswork about what an API will return you. There is no guessing what query parameters need to exists for the API to work.
  • Expressing related data is extremely easy partly because of the point I made about about typed schemas.
  • The API only has to return to the client what the client asked for. This has the benefit of preventing the API from doing more work than it needs to and smaller payload sizes since the client will not ask for things it does not need.
  • Status codes have become kind of irrelevant where every response returns a 200 status code. This may be implementation specific, I'm not sure if it's actually part of the spec, but I use Apollo Server. This is a benefit because the use of status codes from developer to developer and API to API is so inconsistent.
  • Only one endpoint so there is no guesswork in figuring out what endpoints exist.

Thank you for writing this post. I hope more people start giving GraphQL a chance because of it.

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

Added:)

Collapse
 
patrickdronk profile image
Patrick Dronk

This is definitely my goto: howtographql.com/

Collapse
 
tomekponiat profile image
Tomek Poniatowicz

Thanks, already on the list :)

Collapse
 
imolorhe profile image
Sir Muel I 🇳🇬

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

Collapse
 
tomekponiat profile image
Tomek Poniatowicz

Added!

Collapse
 
kuldar profile image
Kuldar 🇪🇺

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

Collapse
 
tomekponiat profile image
Tomek Poniatowicz

Added :)

Collapse
 
codeahoy profile image
CodeAhoy

Hi Tomek,

I wrote a tutorial from using a practical, hands-on approach to explain concepts (examples use the GitHub GraphQL so people can try it out.) Would appreciate if you add it here: codeahoy.com/2019/10/13/graphql-pr...

Thanks

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

Thanks! Added!

Collapse
 
frfrdufour profile image
Francois Dfr

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

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

Cool, updated :)

Collapse
 
10s10 profile image
Shreya Ranpariya

Hi, Thanks for writing this :)

I'm building GraphQL playground - Firecamp which helps developers to the genertae query collection, Save and mutate query along with other technology stacks with most attractive UI. Appreciate if you can include Firecamp under this list :)

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
 
nilomiranda profile image
Danilo Miranda

Maybe this playlist by Trasversy will help:

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

Collapse
 
tomekponiat profile image
Tomek Poniatowicz

Thanks! Added :)

Collapse
 
xavvy profile image
Kumar Harsh

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

Collapse
 
mwoodson profile image
marques woodson

Here's an Apollo course on testing graphql applications on Pluralsight: pluralsight.com/courses/apollo-tes...

Collapse
 
rebaiahmed profile image
Ahmed Rebai

There also this repo in Github awesome-graphql may be it be helpful