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

Stars
1,590
Rank 29,413 (Top 0.6 %)
Language
JavaScript
Created almost 7 years ago
Updated over 4 years ago

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

the-road-to-graphql

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

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

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 [email protected]: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

fullstack-apollo-express-postgresql-boilerplate

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

fullstack-apollo-express-mongodb-boilerplate

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

the-road-to-graphql

📓The Road to GraphQL: Your journey to master pragmatic GraphQL in JavaScript

fullstack-apollo-react-boilerplate

💥A sophisticated Apollo in React boilerplate project.

the-road-to-graphql-chinese

📓The Road to GraphQL: Your journey to master pragmatic GraphQL in JavaScript

fullstack-apollo-subscription-example

A minimal Apollo Server 2 with Apollo Client 2 with Subscriptions application.

react-graphql-github-vanilla

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

react-apollo-client-example

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

react-graphql-github-apollo-starter-kit

A GraphQL/Apollo in React boilerplate project to get you started with a tutorial to learn about these technologies.

react-apollo-link-state-example

A React application using Apollo Client with apollo-link-state for local state management.

react-apollo-client-with-redux-example

A React application using Apollo Client for remote data and Redux for local data side by side for state management.

react-apollo-client-testing-example

A React with Apollo Client application with a mocked GraphQL server and tested Query and Mutation components.

react-apollo-client-mocking-example

A minimal React application using Apollo Client with a mocked GitHub's GraphQL API by implementing an own GraphQL schema.

react-graphql-client-library

A simple GraphQL client for React applications. It's not powerful, but it works. It is not meant for production, but for you as inspiration to contribute to the ecosystem.

node-apollo-boost-github-graphql-api

A standalone GraphQL application that uses Apollo Client for consuming the GitHub GraphQL API

react-apollo-client-optimistic-ui-example

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

react-apollo-client-apollo-cache-redux-example

A React application using Apollo Client with apollo-cache-redux to manage local and remote state with a combined solution.

react-apollo-client-pagination-example

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

react-apollo-client-prefetching-example

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

the-road-to-graphql-spanish

The Road To GraphQL Spanish