awesome-react-graphql

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

GitHub

738 stars
25 watching
88 forks
last commit: almost 4 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,380 12 days ago
Discord

Awesome React GraphQL / Clients

AppSync 921 9 months 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,613 11 days ago : Universal React Query Library

Awesome React GraphQL / Developer Tools / Code generators:

apollo-codegen 3,041 23 days ago : Generate API code or type annotations based on a GraphQL schema and query documents
graphql-code-generator 10,810 4 days ago : GraphQL code generator with flexible support for custom templates

Awesome React GraphQL / Developer Tools / Linters:

eslint-plugin-graphql 1,211 3 days 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,756 7 months 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 2 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,819 almost 2 years ago

Awesome React GraphQL / Boilerplates and Example Apps / ReactJS

UniversalRelayBoilerplate
React AppSync Starter App 369 over 4 years ago Boilerplate + examples for React Native (iOS, Android), React (isomorphic, Material-UI), Relay, GraphQL, JWT, Node.js, Apache Cassandra
Relay Skeleton 125 over 8 years ago Relay project skeleton
Next.js Serverless with Apollo 31,093 4 days ago
Next.js With Apollo 125,206 11 days ago Boilerplate for building Next.js apps with Apollo
Universal React Apollo 118 over 7 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,590 over 4 years ago
React + GraphQL GitHub Client 72 over 4 years ago
A simple React GraphQL Client 15 over 4 years ago
Apollo-Link-State in React 21 over 4 years ago
Mocking a Apollo Client in React for Testing 17 over 4 years ago
Testing Apollo Client in React 17 over 4 years ago

Awesome React GraphQL / Boilerplates and Example Apps / React Native

WhatsApp Clone 500 about 6 years ago
frontpage-react-native-app : Apollo "hello world" app, for React Native
pokedex-react-native 40 over 7 years ago
GraphQL starter application with Realtime and Offline functionality using AWS AppSync 147 over 4 years ago
React, Apollo & GraphQL Starter Kits 1,443 12 days 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: