Awesome React GraphQL Awesome

A curated collection of resources, clients and tools that make working with GraphQL and React/React Native awesome.


General Resources


React and React Native clients for GraphQL

  • Apollo: Apollo Client is a community-driven GraphQL client for React, JavaScript, and native platforms
  • Relay Modern: A JavaScript framework for building data-driven React applications
  • AppSync: JavaScript GraphQL library for Offline, Sync, Sigv4. includes support for React Native
  • urql: Universal React Query Library

Developer Tools

Tools for better development (debugging, linting, validation etc)

  • Code generators:
    • apollo-codegen: Generate API code or type annotations based on a GraphQL schema and query documents
    • graphql-code-generator: GraphQL code generator with flexible support for custom templates
  • Linters:
  • ReactJS Debugging Tools
  • React Native Debugging Tools
  • GraphQL Workflows:
  • Apollo Client Tools
    • Apollo Cache Updater - Helper for updating the apollo cache after a mutation in scenarios where apollo's in-place update may not be sufficient.


Awesome tutorials for using GraphQL with React and React Native

Boilerplates and Example Apps

Boilerplates and examples for a headstart in development

Advanced Use Cases

Server Side Tools

Get a GraphQL backend for your applications using these service providers

  • AWS AppSync: Build data-driven apps with real-time and offline capabilities
  • Graphcool: Self-Hosted GraphQL BaaS
  • Hasura: Instant GraphQL APIs on Postgres
  • Postgraphile: Rapidly build highly customisable GraphQL APIs
  • Prisma: Turn your database into a GraphQL API.

Articles and Videos




Good and bad experiences


Awesome React Graphql

A curated collection of resources, clients and tools that make working with `GraphQL and React/React Native` awesome

Awesome React Graphql Info

โญ Stars 692
๐Ÿ”— Source Code
๐Ÿ•’ Last Update 19 days ago
๐Ÿ•’ Created 4 years ago
๐Ÿž Open Issues 0
โž— Star-Issue Ratio Infinity
๐Ÿ˜Ž Author hasura