awesome-react-graphql
by hasura
A curated collection of resources, clients and tools that make working with GraphQL and React/React Native awesome
AI summary
React GraphQL toolkit
A curated collection of resources and tools for building GraphQL-based React applications.
- stars
- 741
- forks
- 89
- watching
- 25
- awesome list
- 1
- entries
- 94
What's in the list
94 links in 32 sections, with live GitHub stats.activeno commit in 2y
General Resources
Clients
- Apollo
: Apollo Client is a community-driven GraphQL client for React, JavaScript, and native platforms
Clients / Apollo
Clients
- Relay Modern
: A JavaScript framework for building data-driven React applications
Clients / Relay Modern
Clients
AppSync
: JavaScript GraphQL library for Offline, Sync, Sigv4. includes support for React Native
Clients / AppSync
Clients
urql
: Universal React Query Library
Developer Tools / 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
Developer Tools / Linters:
eslint-plugin-graphql
: Check your GraphQL query strings against a schema
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
Developer Tools / React Native Debugging Tools
- Relay Devtools Electron
: Standalone Relay DevTools App for debugging Relay outside Chrome
Developer Tools / GraphQL Workflows:
GraphQL Playground
: Powerful GraphQL IDE built on top of GraphiQL
- GraphiQL Online
: An online version of GraphiQL with a configurable endpoint and headers
Developer Tools / 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
Tutorials / ReactJS
- (Video series) React Apollo New Rendered Props Components
: Learn about the new components in React Apollo. They use Rendered Props
Tutorials / React Native
- Building Chatty
: A WhatsApp clone with React Native and Apollo
Tutorials / Miscellaneous
Boilerplates and Example Apps / ReactJS
- ReactQL
: Universal React+GraphQL starter kit
Boilerplates and Example Apps / ReactJS / ReactQL
Boilerplates and Example Apps / ReactJS
React AppSync Starter App
Boilerplate + examples for React Native (iOS, Android), React (isomorphic, Material-UI), Relay, GraphQL, JWT, Node.js, Apache Cassandra
Relay Skeleton
Relay project skeleton
Next.js With Apollo
Boilerplate for building Next.js apps with Apollo
Universal React Apollo
Universal React Apollo Example App with Webpack, Recompose, CSS Modules, and other cool stuff
Boilerplates and Example Apps / React Native
- frontpage-react-native-app
: Apollo "hello world" app, for React Native
React, Apollo & GraphQL Starter Kits
: Fullstack boilerplate project with a database and best practices for authentication, filtering, pagination and
Advanced Use Cases / Server-side Rendering
Advanced Use Cases / Offline apps
Advanced Use Cases / Realtime
- Polling
: Dynamic GraphQL polling with React and Apollo Client
- Subscriptions with Apollo Client
: Learn how to achieve realtime data with GraphQL subscriptions using Apollo Client
Advanced Use Cases
- Gatsby
: Blazing-fast static site generator for React
Advanced Use Cases / JWT
Advanced Use Cases / Performance Tracing
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
Articles and Videos / Articles
- 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
Articles and Videos / Videos
Stories
Books
Nothing in this list matches your filter.
Featured in 1 awesome list
Each link jumps to the spot where the list mentions awesome-react-graphql.