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.

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

• FormidableLabs - urql: A highly customizable and versatile GraphQL client for React

• Graphql.js
  Simple and Isomorphic GraphQL Client for JavaScripy

Tutorials

• React
  • A complete React with GraphQL Tutorial
  • A complete React with Apollo and GraphQL Tutorial
  • React + Apollo Tutorial
  • React + Relay Tutorial

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

• React Native
  • Code an App With GraphQL, React Native, and AWS AppSync: The API
  • Code an App With GraphQL, React Native and AWS AppSync: The App
  • Building Chatty: A WhatsApp clone with React Native and Apollo

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

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

Developer Tools

• GraphQL Playground: Powerful GraphQL IDE built on top of GraphiQL

• 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

• eslint-plugin-graphql: Check your GraphQL query strings against a schema.

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

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

• Relay Devtools Electron: Standalone Relay DevTools App for debugging Relay outside Chrome