call-client-graphql
How to use GraphQL in front-end
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.
How to use a GraphQL API with React
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
How to use GraphQL in React using hooks
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
Using a GraphQL API in React
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/
Consuming an Apollo GraphQL Server using React
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
GraphQL + React for noobs
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
How to Set Up GraphQL in a React App
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
Integrate a React Native App With GraphQL and Apollo Client
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/
A complete React with GraphQL Tutorial
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
React with Apollo and GraphQL Tutorial
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
Rely Step-by-step Guide
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
An intro to Apollo GraphQL with React Hooks and Context API
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