Lucas Reta lucasreta

Client-side GraphQL

`graphql_ppx`

Let's first analyze how to write the queries. I experimented the graphql_ppx with a few different features (nullable and non-nullable variables, fragments, convert response into record automatically). The type safety is very neat, both the input variables and the response have specific types (no Js.Json.t!), and the queries/mutations are validated against the schema! This makes it really easy to write queries, although I worry about integrating new versions of the schema since the repos are separated (we should probably re-fetch the schema as part of the CI).

As for the drawbacks, there are not many:

The ppx really messes up my language server sometimes.
I haven't tried a lot but I couldn't find easily a way to use refmt to format the queries.
I couldn't find anything about custom directives, the lack of which would prevents us from using some features from the GraphQL clients (for example, managing local state using Apollo's @client directive).
I haven't

	const useHash = true;
	const apiUrl = 'https://lucasreta.com/stack-overflow/spa-vanilla-js/api';
	const routes = ['section-1', 'section-2'];
	const content_box = document.getElementById("content_box");

	function get(page) {
	const xhr = new XMLHttpRequest();
	xhr.onreadystatechange = function() {
	if (this.readyState == 4 && this.status == 200) {
	data = JSON.parse(xhr.responseText);

	* {
	font-family: sans-serif;
	}
	body {
	background-color: #eee;
	}
	header, main {
	background-color: #fff;
	border: 1px solid #ababab;
	box-shadow: 1px 1px 0 rgba(0,0,0,.2);