Graphiql start

App.js

# run create-react-app
# npm install --save graphiql
# edit App.js to look like this...
# enable CORS on your GraphQl API (http://0.0.0.0:4000 below)

import React, { Component } from 'react';
import logo from './logo.svg';
import './App.css';
import '../node_modules/graphiql/graphiql.css';

import ReactDOM from 'react-dom';
import GraphiQL from 'graphiql';
import fetch from 'isomorphic-fetch';

function graphQLFetcher(graphQLParams) {
  return fetch('http://0.0.0.0:4000' + '/q', {
    method: 'post',
    headers: { 'Content-Type': 'application/json' },
    body: JSON.stringify(graphQLParams),
  }).then(response => response.json());
}

class App extends Component {
  render() {
      return <GraphiQL fetcher={graphQLFetcher} />
  }
}

export default App;