GraphiQL

• graphql/graphiql
  • Explorer
  • Demo
  • adopted by
    • Hasura
    • Gitlab GraphQL Explorer
    • GitHub GraphQL Explorer

import { createGraphiQLFetcher } from '@graphiql/toolkit';
import { GraphiQL } from 'graphiql';
import React from 'react';
import ReactDOM from 'react-dom';

import 'graphiql/graphiql.css';

const fetcher = createGraphiQLFetcher({
  url: 'https://my.backend/graphql',
});

ReactDOM.render(<GraphiQL fetcher={fetcher} />, document.body);

• https://github.com/graphql/graphiql/blob/main/examples/graphiql-cdn/index.html
• https://graphiql-test.netlify.app/typedoc/modules/graphiql.html#graphiqlprops-1