Log in to GraphQL Editor
Best resources to learn React & GraphQL
Robert

Robert Matyszewski

5/6/2019

Best resources to learn React & GraphQL

I've decided to create a list of top resources to learn for two modern and trending technologies after checking results of The stage of Javascript 2018 Survey. The survey was completed by 20k users. React is, of course, the most popular among front end frameworks.

react

GraphQL is the top wanted to learn technology.

graphql

Clients

  • Apollo GraphQL : A fully-featured, production ready caching GraphQL client for every UI framework and GraphQL server

apollo

  • Relay Modern: A JavaScript framework for building data-driven React applications

replay

  • AppSync: JavaScript GraphQL library for Offline, Sync, Sigv4. includes support for React Native

appsync

urql

  • Graphql.js
    Simple and Isomorphic GraphQL Client for JavaScripy

graphQljs

Tutorials

https://www.youtube.com/watch?v=XeALXh37WeU

https://www.youtube.com/watch?v=gF-peiFjG0o

https://www.youtube.com/watch?v=7giZGFDGnkc

https://www.youtube.com/watch?v=kXH2dbnHYA0

https://www.youtube.com/watch?v=33qP1QMmjv8

https://www.youtube.com/watch?v=nyE6shIRzxM

Developer Tools

GraphQL Playground

  • GraphiQL Online: An online version of GraphiQL with a configurable endpoint and headers.

  • GraphQL Editor: a visual graphql editor that allows you to visualize graphql schema and create fake backend out of schema.

  • apollo-tooling: Tooling for development and production Apollo workflows

  • graphql-code-generator: GraphQL code generator with flexible support for custom templates

gcg

eslint

  • Apollo Client Developer Tools: Chrome extension for Apollo Client developer tools

apollo

  • Relay DevTools: A Chrome Extension that creates a Relay tab in the developer tools interface for debugging apps in Chrome

replay

Check out our other blogposts

COVID-19 - what does it mean for the dev world
Tomek Poniatowicz
Tomek Poniatowicz
COVID-19 - what does it mean for the dev world
2 min read
over 4 years ago
Is GraphQL the future of APIs?
Tomek Poniatowicz
Tomek Poniatowicz
Is GraphQL the future of APIs?
2 min read
over 5 years ago
GraphQL documentation generator
Tomek Poniatowicz
Tomek Poniatowicz
GraphQL documentation generator
2 min read
over 4 years ago

Ready for take-off?

Elevate your work with our editor that combines world-class visual graph, documentation and API console

Get Started with GraphQL Editor