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 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,416 3 days ago
Discord

Awesome React GraphQL / Clients
AppSync 921 10 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,679 6 days ago : Universal React Query Library

Awesome React GraphQL / Developer Tools / Code generators:
apollo-codegen 3,042 13 days ago : Generate API code or type annotations based on a GraphQL schema and query documents
graphql-code-generator 10,871 4 days ago : GraphQL code generator with flexible support for custom templates

Awesome React GraphQL / Developer Tools / Linters:
eslint-plugin-graphql 1,213 18 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,782 9 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,820 about 1 month ago

Awesome React GraphQL / Boilerplates and Example Apps / ReactJS
UniversalRelayBoilerplate
React AppSync Starter App 371 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 almost 9 years ago Relay project skeleton
Next.js Serverless with Apollo 31,196 4 days ago
Next.js With Apollo 127,490 1 day ago Boilerplate for building Next.js apps with Apollo
Universal React Apollo 118 almost 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,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 502 over 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 148 over 4 years ago
React, Apollo & GraphQL Starter Kits 1,443 about 14 hours 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: