hasura / Awesome React Graphql
Licence: cc-by-4.0
A curated collection of resources, clients and tools that make working with `GraphQL and React/React Native` awesome
Stars: β 635
Projects that are alternatives of or similar to Awesome React Graphql
Awesome Apollo Graphql
A curated list of amazingly awesome things regarding Apollo GraphQL ecosystem π
Stars: β 126 (-80.16%)
Mutual labels: graphql, awesomeness
Coolqlcool
Nextjs server to query websites with GraphQL
Stars: β 623 (-1.89%)
Mutual labels: graphql
Starlette
The little ASGI framework that shines. π
Stars: β 6,337 (+897.95%)
Mutual labels: graphql
Awesome Aws Appsync
Curated list of AWS AppSync Resources
Stars: β 594 (-6.46%)
Mutual labels: graphql
Core
Source Code for dotCMS Java Enterprise Content Management System
Stars: β 615 (-3.15%)
Mutual labels: graphql
Neo4j Graphql Js
A GraphQL to Cypher query execution layer for Neo4j and JavaScript GraphQL implementations.
Stars: β 585 (-7.87%)
Mutual labels: graphql
Elixir Boilerplate
β The stable base upon which we build our Elixir projects at Mirego.
Stars: β 627 (-1.26%)
Mutual labels: graphql
Vue Apollo
π Apollo/GraphQL integration for VueJS
Stars: β 5,529 (+770.71%)
Mutual labels: graphql
Learnapollo
π©π»βπ« Learn Apollo - A hands-on tutorial for Apollo GraphQL Client (created by Graphcool)
Stars: β 5,274 (+730.55%)
Mutual labels: graphql
Create Eth App
Create Ethereum-powered apps with one command
Stars: β 597 (-5.98%)
Mutual labels: graphql
Graphql Client
Typed, correct GraphQL requests and responses in Rust
Stars: β 620 (-2.36%)
Mutual labels: graphql
Graphql Multipart Request Spec
A spec for GraphQL multipart form requests (file uploads).
Stars: β 622 (-2.05%)
Mutual labels: graphql
Canduma
A Rust Boilerplate server with GraphQL API, Diesel, PostgreSQL, session authentication and JWT
Stars: β 590 (-7.09%)
Mutual labels: graphql
Graphql React
A GraphQL client for React using modern context and hooks APIs that is lightweight (< 3.5 KB size limited) but powerful; the first Relay and Apollo alternative with server side rendering.
Stars: β 611 (-3.78%)
Mutual labels: graphql
React App
Create React App with server-side code support
Stars: β 614 (-3.31%)
Mutual labels: graphql
Pizzaql
π Modern OSS Order Management System for Pizza Restaurants
Stars: β 631 (-0.63%)
Mutual labels: graphql
Graphqlbundle
This bundle provides tools to build a complete GraphQL server in your Symfony App.
Stars: β 628 (-1.1%)
Mutual labels: graphql
Awesome React GraphQL
A curated collection of resources, clients and tools that make working with
GraphQL and React/React Native
awesome.
Contents
- General Resources
- Clients
- Developer Tools
- Tutorials
- Boilerplates
- Advanced Use Cases
- GraphQL BaaS Providers
- Articles and Videos
- Stories
- Books
General Resources
Clients
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:
- eslint-plugin-graphql: Check your GraphQL query strings against a schema
- 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
- React Native Debugging Tools
- Relay Devtools Electron: Standalone Relay DevTools App for debugging Relay outside Chrome
- 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.
- 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
Awesome tutorials for using GraphQL with React and React Native
- 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.
- 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
- Miscellaneous
Boilerplates and Example Apps
Boilerplates and examples for a headstart in development
- ReactJS
- ReactQL: Universal React+GraphQL starter kit
- UniversalRelayBoilerplate
- 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 Serverless with Apollo
- 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.
- GitHunt React
- Extensive React + Apollo + GraphQL GitHub Client
- React + GraphQL GitHub Client
- A simple React GraphQL Client
- Apollo-Link-State in React
- Mocking a Apollo Client in React for Testing
- Testing Apollo Client in React
- React Native
- WhatsApp Clone
- frontpage-react-native-app: Apollo "hello world" app, for React Native
- pokedex-react-native
- GraphQL starter application with Realtime and Offline functionality using AWS AppSync
- 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
- Offline apps
- 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.
- Gatsby: Blazing-fast static site generator for React
- JWT
- Performance Tracing
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
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.
Videos
Stories
Good and bad experiences
- 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
Books
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].