awesome-react-graphql

React GraphQL toolkit

A curated collection of resources and tools for building GraphQL-based React applications.

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

GitHub

741 stars
25 watching
89 forks
last commit: almost 5 years ago
Linked from 1 awesome list

awesomeawesome-listawesomenessgraphqlreactreact-native

Awesome React GraphQL / General Resources

GraphQL
ReactJS
React Native
Redux

Awesome React GraphQL / Clients

Apollo : Apollo Client is a community-driven GraphQL client for React, JavaScript, and native platforms

Awesome React GraphQL / Clients / Apollo

Docs
Github
Spectrum
Slack

Awesome React GraphQL / Clients

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

Awesome React GraphQL / Clients / Relay Modern

Docs
Github 18,434 10 months ago
Discord

Awesome React GraphQL / Clients

AppSync 921 over 1 year ago : JavaScript GraphQL library for Offline, Sync, Sigv4. includes support for React Native

Awesome React GraphQL / Clients / AppSync

Docs

Awesome React GraphQL / Clients

urql 8,687 10 months ago : Universal React Query Library

Awesome React GraphQL / Developer Tools / Code generators:

apollo-codegen 3,042 10 months ago : Generate API code or type annotations based on a GraphQL schema and query documents
graphql-code-generator 10,883 10 months ago : GraphQL code generator with flexible support for custom templates

Awesome React GraphQL / Developer Tools / Linters:

eslint-plugin-graphql 1,214 10 months ago : Check your GraphQL query strings against a schema

Awesome React GraphQL / Developer Tools / ReactJS Debugging Tools

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

Awesome React GraphQL / Developer Tools / React Native Debugging Tools

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

Awesome React GraphQL / Developer Tools / GraphQL Workflows:

GraphQL Playground 8,787 over 1 year ago : Powerful GraphQL IDE built on top of GraphiQL
GraphiQL Online : An online version of GraphiQL with a configurable endpoint and headers

Awesome React GraphQL / Developer Tools / Apollo Client Tools

Apollo Cache Updater 160 almost 3 years ago Helper for updating the apollo cache after a mutation in scenarios where apollo's in-place update may not be sufficient

Awesome React GraphQL / Tutorials / ReactJS

React + Apollo Tutorial
React + Relay Tutorial
(Video) Using GraphQL, ReactJS and Apollo to Create Amazing Apps
React + Apollo Tutorial
(Video) Getting Started with Relay Modern, React & GraphQL
(Video) Building a Real Time React Application with GraphQL & AWS AppSync
(Video) Building Full-Stack App, Including a GraphQL Server on Node.js & React Front-End (with Apollo)
(Video series) React Apollo New Rendered Props Components : Learn about the new components in React Apollo. They use Rendered Props

Awesome React GraphQL / Tutorials / React Native

React Native + Apollo Tutorial
(Video series) Build a Twitter Clone with Apollo Graphql & React-Native
How to setup React Native + GraphQL + Relay Modern
Building Chatty : A WhatsApp clone with React Native and Apollo
Code an App With GraphQL, React Native, and AWS AppSync: The API
Code an App With GraphQL, React Native and AWS AppSync: The App
(Video series) React Native and Prisma GraphQL eCommerce Project

Awesome React GraphQL / Tutorials / Miscellaneous

A cartoon intro to facebook's Relay
A complete React with GraphQL Tutorial
A complete React with Apollo and GraphQL Tutorial

Awesome React GraphQL / Boilerplates and Example Apps / ReactJS

ReactQL : Universal React+GraphQL starter kit

Awesome React GraphQL / Boilerplates and Example Apps / ReactJS / ReactQL

Docs
Github 1,818 11 months ago

Awesome React GraphQL / Boilerplates and Example Apps / ReactJS

UniversalRelayBoilerplate
React AppSync Starter App 371 over 5 years ago Boilerplate + examples for React Native (iOS, Android), React (isomorphic, Material-UI), Relay, GraphQL, JWT, Node.js, Apache Cassandra
Relay Skeleton 125 over 9 years ago Relay project skeleton
Next.js Serverless with Apollo 31,236 10 months ago
Next.js With Apollo 127,853 10 months ago Boilerplate for building Next.js apps with Apollo
Universal React Apollo 118 over 8 years ago Universal React Apollo Example App with Webpack, Recompose, CSS Modules, and other cool stuff
GitHunt React
Extensive React + Apollo + GraphQL GitHub Client 1,591 over 5 years ago
React + GraphQL GitHub Client 72 over 5 years ago
A simple React GraphQL Client 15 over 5 years ago
Apollo-Link-State in React 21 over 5 years ago
Mocking a Apollo Client in React for Testing 17 over 5 years ago
Testing Apollo Client in React 17 over 5 years ago

Awesome React GraphQL / Boilerplates and Example Apps / React Native

WhatsApp Clone 501 about 7 years ago
frontpage-react-native-app : Apollo "hello world" app, for React Native
pokedex-react-native 40 over 8 years ago
GraphQL starter application with Realtime and Offline functionality using AWS AppSync 148 over 5 years ago
React, Apollo & GraphQL Starter Kits 1,440 10 months ago : Fullstack boilerplate project with a database and best practices for authentication, filtering, pagination and

Awesome React GraphQL / Advanced Use Cases / Server-side Rendering

(Video) React NYC- Server-side Rendering with GraphQL
Understanding Server-side rendering with Apollo

Awesome React GraphQL / Advanced Use Cases / Offline apps

Offline GraphQL Queries with Redux Offline and Apollo

Awesome React GraphQL / Advanced Use Cases / Realtime

(Video) Robert Zhu - Realtime React Apps with GraphQL - React Conf 2017
Polling : Dynamic GraphQL polling with React and Apollo Client
Subscriptions with Relay Modern
Subscriptions with Apollo Client : Learn how to achieve realtime data with GraphQL subscriptions using Apollo Client

Awesome React GraphQL / Advanced Use Cases

Gatsby : Blazing-fast static site generator for React

Awesome React GraphQL / Advanced Use Cases / JWT

Ultimate guide to handling JWTs on frontend clients

Awesome React GraphQL / Advanced Use Cases / Performance Tracing

Performance Tracing for GraphQL with Apollo and it’s friends

Awesome React GraphQL / Server Side Tools

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

Awesome React GraphQL / Articles and Videos / Articles

So what’s this GraphQL thing I keep hearing about?
Thinking in Graphs
What are the benefits of using GraphQL and why it surpasses REST
React-powered Gatsby with GraphQL for E-Commerce A guide to building an e-commerce site with Gatsby and GraphQL using Grav as a headless CMS. Demo included

Awesome React GraphQL / Articles and Videos / Videos

From REST to GraphQL
Data fetching for React Applications at Facebook

Awesome React GraphQL / Stories

The Evolution of React and GraphQL at Facebook and Beyond
(Video) Lessons from 4 Years of GraphQL
React, Relay and GraphQL: Under the Hood of The Times Website Redesign
2017: The year in GraphQL
Harry Wolf: Experiences with GraphQL
JetRuby: Our experience with GraphQL

Awesome React GraphQL / Books

GraphQL in Action
Fullstack GraphQL Applications with GRANDstack

Backlinks from these awesome lists:

More related projects: