Github GraphQL API React Example

Here’s a basic React example that should help you get start with Github GraphQL API.

Why?

Github release GitHub GraphQL API

The GitHub GraphQL API

Then 24hrs later, Apollo’s team try it with Apollo React Native iOS…

The new GitHub GraphQL API

Now it’s my turn :)

Problem

Apllo’s React Native iOS example is too complicated and not runnable via web.

Solution

Convert (some of) that example with super basic create-react-app so everybody can have fun with it! Challenge accepted!

TLDR

Here’s output

BTW, I didn’t add css in equation to keep it simple as possible.

Here’s source : https://github.com/katopz/react-apollo-graphql-github-example so just clone it (assume you already have git/nodejs install)

$ git clone https://github.com/katopz/react-apollo-graphql-github-example.git

Here’s hardest part.

Copy `config.default.js` into a file called `config.js`, and replace `xxx` with your username and password

Here’s fun part :)

$ npm i && npm start

Next?

• Have fun with Github GraphQL API Explorer
• Try some more complex query

Sold?

Facebook, Github not convincing enough? See below for more.

The first-ever GraphQL conference is happening in SF on October 26th!

Happy GraphQLing!