Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

https://github.com/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.
https://github.com/the-road-to-graphql/react-graphql-github-apollo

apollo apollo-client apollographql github github-api github-client github-graphql graphql react react-apollo react-router-v4

Last synced: about 1 month ago
JSON representation

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

Host: GitHub
URL: https://github.com/the-road-to-graphql/react-graphql-github-apollo
Owner: the-road-to-graphql
Created: 2018-01-26T04:20:18.000Z (over 6 years ago)
Default Branch: master
Last Pushed: 2020-06-12T08:41:45.000Z (about 4 years ago)
Last Synced: 2024-05-15T15:14:06.396Z (about 2 months ago)
Topics: apollo, apollo-client, apollographql, github, github-api, github-client, github-graphql, graphql, react, react-apollo, react-router-v4
Language: JavaScript
Homepage: https://www.robinwieruch.de/react-with-graphql-tutorial
Size: 2.97 MB
Stars: 1,587
Watchers: 37
Forks: 223
Open Issues: 11
Metadata Files:
- Readme: README.md
- Funding: .github/FUNDING.yml

Lists

awesome-react-graphql - Extensive React + Apollo + GraphQL GitHub Client
awesome-stars - the-road-to-graphql/react-graphql-github-apollo
awesome-stars - 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)
awesome-stars - react-graphql-github-apollo - road-to-graphql | 1581 | (JavaScript)
awesome-stars - react-graphql-github-apollo - 🚀A React + Apollo + GraphQL GitHub Client. Your opportunity to learn about these technologies in a real world application. (JavaScript)
my-awesome-stars - 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)

README

        # A React + Apollo + GraphQL GitHub Client

[![Build Status](https://travis-ci.org/the-road-to-graphql/react-graphql-github-apollo.svg?branch=master)](https://travis-ci.org/the-road-to-graphql/react-graphql-github-apollo) [![Slack](https://slack-the-road-to-learn-react.wieruch.com/badge.svg)](https://slack-the-road-to-learn-react.wieruch.com/) [![Greenkeeper badge](https://badges.greenkeeper.io/the-road-to-graphql/react-graphql-github-apollo.svg)](https://greenkeeper.io/)



## 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 [email protected]:the-road-to-graphql/react-graphql-github-apollo.git`

* cd react-graphql-github-apollo

* add your own [GitHub personal access token](https://help.github.com/articles/creating-a-personal-access-token-for-the-command-line/) 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](https://prettier.io/docs/en/editors.html) to your editor and turn on **format on save** option.

  * [Prettier For Atom](https://github.com/prettier/prettier-atom)

  * [Prettier for VSCode](https://github.com/prettier/prettier-vscode)

  * [Prettier for EMACS](https://github.com/prettier/prettier-emacs)

  * [Prettier for VIM](https://prettier.io/docs/en/vim.html)

  * [others...](https://prettier.io/docs/en/editors.html)

## Want to learn more about React + GraphQL + Apollo?

* Don't miss [upcoming Tutorials and Courses](https://www.getrevue.co/profile/rwieruch)

* Check out current [React Courses](https://roadtoreact.com)