https://github.com/the-road-to-graphql/react-apollo-client-example

A minimal React application which is powered by Apollo Client and GitHub's GraphQL API.
https://github.com/the-road-to-graphql/react-apollo-client-example

apollo apollo-client apollographql react react-apollo reactjs

Last synced: about 1 year ago
JSON representation

A minimal React application which is powered by Apollo Client and GitHub's GraphQL API.

• Host: GitHub
• URL: https://github.com/the-road-to-graphql/react-apollo-client-example
• Owner: the-road-to-graphql
• Created: 2018-05-04T07:53:27.000Z (about 8 years ago)
• Default Branch: master
• Last Pushed: 2020-06-12T08:42:14.000Z (almost 6 years ago)
• Last Synced: 2025-04-20T03:49:50.447Z (about 1 year ago)
• Topics: apollo, apollo-client, apollographql, react, react-apollo, reactjs
• Language: JavaScript
• Homepage: https://www.robinwieruch.de/react-apollo-client-example
• Size: 2.19 MB
• Stars: 38
• Watchers: 3
• Forks: 19
• Open Issues: 4
• Metadata Files:
  • Readme: README.md
  • Funding: .github/FUNDING.yml

Awesome Lists containing this project

README

          
# react-apollo-client-example

[![Build Status](https://travis-ci.org/the-road-to-graphql/react-apollo-client-example.svg?branch=master)](https://travis-ci.org/the-road-to-graphql/react-apollo-client-example) [![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-apollo-client-example.svg)](https://greenkeeper.io/)

A minimal React application using Apollo Client with GitHub's GraphQL API. On the side, React's local state is still used for local data whereas Apollo Client with its queries and mutations is used for remote data. [Read more about it here.](https://www.robinwieruch.de/react-apollo-client-example)

## Installation

* `git clone git@github.com:the-road-to-graphql/react-apollo-client-example.git`

* cd react-apollo-client-example

* npm install

* [add your own REACT_APP_GITHUB_PERSONAL_ACCESS_TOKEN in .env file](https://help.github.com/articles/creating-a-personal-access-token-for-the-command-line/)

  * scopes/permissions you need to check: admin:org, repo, user, notifications

* npm start

* visit `http://localhost:3000`

## 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)