https://github.com/the-road-to-graphql/react-graphql-github-vanilla

A React GraphQL example using GitHub's GraphQL API with vanilla JS
https://github.com/the-road-to-graphql/react-graphql-github-vanilla

github-api github-graphql graphql react reactjs

Last synced: 3 days ago
JSON representation

A React GraphQL example using GitHub's GraphQL API with vanilla JS

• Host: GitHub
• URL: https://github.com/the-road-to-graphql/react-graphql-github-vanilla
• Owner: the-road-to-graphql
• Created: 2018-01-24T16:18:46.000Z (almost 7 years ago)
• Default Branch: master
• Last Pushed: 2020-06-12T08:41:12.000Z (over 4 years ago)
• Last Synced: 2024-05-18T19:16:49.690Z (6 months ago)
• Topics: github-api, github-graphql, graphql, react, reactjs
• Language: JavaScript
• Homepage: https://www.robinwieruch.de/react-with-graphql-tutorial
• Size: 1.22 MB
• Stars: 71
• Watchers: 10
• Forks: 37
• Open Issues: 5
• Metadata Files:
  • Readme: README.md
  • Funding: .github/FUNDING.yml

Awesome Lists containing this project

• awesome-react-graphql - React + GraphQL GitHub Client

README

        
# react-graphql-github-vanilla

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

A simple React application consuming the GitHub GraphQL API with plain HTTP requests. [Read more about it over here](https://www.robinwieruch.de/react-with-graphql-tutorial).

## Features

* React 16 with create-react-app

* GitHub GraphQL API

* Consuming GraphQL with plain JS

* no Apollo/Relay

  * [are you curious about Apollo though?](https://github.com/rwieruch/react-graphql-github-apollo)

## Installation

* `git clone [email protected]:the-road-to-graphql/react-graphql-github-vanilla.git`

* cd react-graphql-github-vanilla

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