Best resources to learn React & GraphQL

Robert MatyszewskiRobert Matyszewski

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.

GraphQL is the top wanted to learn technology.

Clients

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

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

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

  • Graphql.js:A Simple and Isomorphic GraphQL Client for JavaScripy

Tutorials

Developer Tools

  • 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

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

⚡ Speed up your GraphQL API development

The GraphQL Editor is a supportive tool for both advanced GraphQL users as well as those taking their first steps with GraphQL APIs. Our all-in-one development environment for GraphQL will help you build, manage & deploy your GraphQL API much faster thanks to dozens of built-in micro features. Its graphical interface will also fix communication within your product team. Visualization is the key!

Try it for free