Github GraphQL API React Example

katopz

2 min read

·

Sep 17, 2016

--

Listen

Share

Press enter or click to view image in full size

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

Why?

Github releaseGitHub GraphQL API

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

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 basiccreate-react-app so everybody can have fun with it! Challenge accepted!

TLDR

Here’s output

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

Press enter or click to view image in full size

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

$ git clonehttps://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 withGithub GraphQL API Explorer
• Try some more complex query

Sold?

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

Press enter or click to view image in full size

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

Happy GraphQLing!