Question 1

How to get GitHub OAuth credentials for this project?

Accepted Answer

You need to create a GitHub OAuth app in your developer settings to obtain GITHUB_CLIENT_ID and GITHUB_CLIENT_SECRET, then paste them into the config.js file as per the README instructions. This process is detailed in GitHub's authentication guide linked in the project.

Question 2

Apollo Client or Relay for GraphQL with React?

Accepted Answer

This example uses Apollo Client, which is easier to set up and more flexible for beginners, while Relay is better for large-scale apps with complex data requirements but has a steeper learning curve. For GitHub API integration, Apollo is often preferred due to its simplicity.

Question 3

How to modify the GraphQL queries in this example?

Accepted Answer

You can edit the query components in the React app to fetch different GitHub data, such as repositories or users, by referring to GitHub's GraphQL API documentation. The project's linked gists show examples like searching for stargazers.

Question 4

Is this project updated for React 18?

Accepted Answer

No, it uses an older create-react-app version, so it might not include React 18 features like concurrent rendering. You'd need to upgrade dependencies manually to use the latest React practices.

Question 5

How to handle pagination with GitHub GraphQL and Apollo?

Accepted Answer

The base example doesn't cover pagination, but Apollo Client supports it via fetchMore and cursor-based queries. You can extend the code using GitHub's pagination fields in GraphQL queries, as hinted in the linked search gists.

Question 6

Can I use this with a different GraphQL API?

Accepted Answer

While focused on GitHub, you can adapt it by changing the API endpoint and queries in the Apollo Client setup. However, you'll need to adjust authentication and schema specifics, as the example is tightly coupled to GitHub's API.

Apollo React example for Github GraphQL API

What is Apollo React example for Github GraphQL API?

Overview

Use Cases

Best For

Related Projects

Found a gem we're missing?

Not Ideal For

Pros & Cons

Pros

Cons

Frequently Asked Questions