the-road-to-graphql/react-graphql-github-apollo

🚀 A React + Apollo + GraphQL GitHub Client. Your opportunity to learn about these technologies in a real world application.

JavaScript

1,591

173 commits

updated Jun 12, 2020

www.robinwieruch.de/react-with-graphql-tutorial

See the code

README

A React + Apollo + GraphQL GitHub Client

Features

React 16 with create-react-app
Responsive
React Router 4
Apollo with GitHub GraphQL API
- Queries and Mutations with render props
- Optimistic Updates
- Pagination
- Optimistic Fetch (e.g. Issues)
  - not everywhere for the purpose of demonstrating though

Installation

git clone git@github.com:the-road-to-graphql/react-graphql-github-apollo.git
cd react-graphql-github-apollo
add your own GitHub personal access token in a .env file in your root folder
- scopes/permissions you need to check: admin:org, repo, user, notifications
- REACT_APP_GITHUB_PERSONAL_ACCESS_TOKEN=xxxXXX
npm install
npm start
visit http://localhost:3000

Contributing

Please install Prettier integration to your editor and turn on format on save option.

Want to learn more about React + GraphQL + Apollo?

Don't miss upcoming Tutorials and Courses
Check out current React Courses

apollo

apollo-client

apollographql

github

github-api

github-client

github-graphql

graphql

react

react-apollo

react-router-v4

Significant stargazers

dan

93,890 followers · starred Feb 2018

Thibaut Mattio

207 followers · starred Feb 2018

Hugh Willson

432 followers · starred Aug 2018

Jean Barkhuysen

308 followers · starred Mar 2018

Similar repos

the-road-to-graphql/fullstack-apollo-express-postgresql-boilerplate

💥 A sophisticated GraphQL with Apollo, Express and PostgreSQL boilerplate project.

1,206

same org

apollographql/apollo-client

The industry-leading GraphQL client for TypeScript, JavaScript, React, Vue, Angular, and more.…

19,798

graphql-boilerplates/react-fullstack-graphql

Starter projects for fullstack applications based on React & GraphQL.

1,434

apollographql/react-apollo

♻️ React integration for Apollo Client

6,790

leebenson/reactql

Universal React+GraphQL starter kit: React 16, Apollo 2, MobX, Emotion, Webpack 4, GraphQL Code…

1,810

learnapollo/learnapollo

👩🏻‍🏫 Learn Apollo - A hands-on tutorial for Apollo GraphQL Client (created by Graphcool)

5,145

the-guild-org/apollo-angular

A fully-featured, production ready caching GraphQL client for Angular and every GraphQL server 🎁

1,513

jaydenseric/graphql-react

A GraphQL client for React using modern context and hooks APIs that is lightweight (< 4 kB) but…

707