This page I documented the process I went through to learn how to call GraphQL. This page contains some of the best I have read and I hope it will be used by others.
Description Link : https://rapidapi.com/blog/graphql-react-fetch-data/
Github Repo: https://github.com/jdretz/rapidapi-display-graphql-data-react
Technology : Next.js
Package : next, axios
Description Link : https://www.nearform.com/blog/how-to-use-graphql-in-react-using-hooks/
Github Repo: https://github.com/nearform/graphql-hooks-workshop
Technology : React.js
Package : fastify, fastify-gql, fastify-static, graphql-hooks, graphql-hooks-memcache, graphql-hooks-ssr, isomorphic-unfetch
Description Link : https://medium.com/swlh/using-a-graphql-api-in-react-f9e8aaaeea41
Github Repo:
Technology : React
Package : @apollo/client, graphql
GraphQL endpoint : https://metaphysics-staging.artsy.net/
Description Link : https://softchris.github.io/pages/graphql-apollo-client.html#set-up
Github Repo:
Technology : React
Package : react-apollo, apollo-boost, graphql
GraphQL endpoint : localhost
Description Link : https://blog.logrocket.com/graphql-react-for-noobs/
Github Repo: https://github.com/ebenezerdon/react_graphql
Technology : React
Package : apollo-boost, graphql, react-apollo
GraphQL endpoint : https://awesome-node-graphql.herokuapp.com/graphql
Description Link : https://www.pluralsight.com/guides/how-to-set-up-graphql-in-a-react-app
Github Repo:
Technology : React
Package : @apollo/client, graphql, graphql-anywhere, apollo-link-rest
GraphQL endpoint : https://48p1r2roz4.sse.codesandbox.io
Description Link : https://dzone.com/articles/integrate-a-react-native-app-with-graphql-and-apol
Github Repo:
Technology : React Native
Package : apollo-client, apollo-cache-inmemory, graphql-tag, apollo-link-rest, apollo-link, graphql, graphql-anywhere
GraphQL endpoint : https://newsapi.org/v2/
Description Link : https://www.robinwieruch.de/react-with-graphql-tutorial
Github Repo: https://github.com/the-road-to-graphql/react-graphql-github-vanilla
Technology : React
Package : axios
GraphQL endpoint : https://api.github.com/graphql
Rank : 5
Description Link : https://www.robinwieruch.de/react-graphql-apollo-tutorial
Github Repo: https://github.com/the-road-to-graphql/react-graphql-github-apollo
Technology : React
Package : apollo-cache-inmemory, apollo-client, apollo-link, apollo-link-error, apollo-link-http, graphql, graphql-tag, react-apollo
GraphQL endpoint : https://api.github.com/graphql
Rank : 5
Description Link : https://relay.dev/docs/getting-started/step-by-step-guide/
Github Repo:
Technology : React
Package : graphql, relay-compiler, babel-plugin-relay
GraphQL endpoint : https://api.github.com/graphql
Rank : 6
Description Link : https://dev.to/rajvirtual/an-intro-to-apollo-graphql-with-react-hooks-and-context-api-1gb3
Github Repo: https://github.com/rajvirtual/react-apollo-graphql-hooks
Technology : React
Package : @apollo/client, apollo-link, graphql
GraphQL endpoint : https://pet-library.moonhighway.com/
Rank : 7