Bartek Ciszkowski bartek

Tutorial: Designing a GraphQL API

This tutorial was created by Shopify for internal purposes. We've created a public version of it since we think it's useful to anyone creating a GraphQL API.

It's based on lessons learned from creating and evolving production schemas at Shopify over almost 3 years. The tutorial has evolved and will continue to change in the future so nothing is set in stone.

Learn you a browserify

We want to learn:

What is NPM
Dependencies installation
Initially package.json for your project
Project workflow:
- Begin writing code
Require dependencies

	#!/bin/sh

	DESIRED_VENV=compass

	if [ -z $VIRTUAL_ENV ] \|\| [ "`basename $VIRTUAL_ENV`" != "$DESIRED_VENV" ]; then
	echo You\'re not in the $DESIRED_VENV virtualenv, \`workon $DESIRED_VENV\` to fix.
	exit 1
	fi

	RCFILE="`git rev-parse --show-toplevel`"/.pylintrc

	- Tune /etc/ssh/sshd_config

	UseDNS no # Disable DNS lookups
	GSSAPIAuthentication no # Disable negotation of slow GSSAPI

	don't forget to restart it, use a script provider to set it , or create it with veewee or snapshot it

	- Tune Vagrantfile

	vb.customize ["modifyvm", :id, "--natdnshostresolver1", "on"]

	WITH table_scans as (
	SELECT relid,
	tables.idx_scan + tables.seq_scan as all_scans,
	( tables.n_tup_ins + tables.n_tup_upd + tables.n_tup_del ) as writes,
	pg_relation_size(relid) as table_size
	FROM pg_stat_user_tables as tables
	),
	all_writes as (
	SELECT sum(writes) as total_writes
	FROM table_scans

	# Prompt Colors
	RED="\[\033[0;31m\]"
	PINK="\[\033[1;31m\]"
	YELLOW="\[\033[1;33m\]"
	GREEN="\[\033[0;32m\]"
	LT_GREEN="\[\033[1;32m\]"
	BLUE="\[\033[0;34m\]"
	WHITE="\[\033[1;37m\]"
	PURPLE="\[\033[1;35m\]"
	CYAN="\[\033[1;36m\]"

	// require() some stuff from npm (like you were using browserify)
	// and then hit Run Code to run it on the right
	var request = require('superagent'),
	_ = require('lodash')

	function collectResponse(err, resp) {
	var results = document.getElementById('results')
	_.each(resp.body.results, function(item) {
	var child = document.createElement("div")
	child.innerHTML = item.product_line + " -- " + item.departures_start_date