Javed JayBee007

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.

	const timerMachine = Machine({
	id: 'timerMachine',
	initial: "paused",
	context: {
	totalRounds: 2,
	roundsLeft: 2,
	roundDuration: 15,
	intervalDuration: 10,
	fightSecondsLeft: 15,
	intervalSecondsLeft: 10

	const timerMachine = Machine({
	id: 'timerMachine',
	initial: "paused",
	context: {
	secondsLeft: 5
	},
	states: {
	paused: {
	on: {
	START: {

	const timerMachine = Machine({
	id: 'timerMachine',
	initial: "paused",
	states: {
	paused: {
	on: {
	START: {
	target: 'running'
	}
	}

	/**
	* Configuration #1: Basic Configuration Class
	*
	* A basic example utilising a sealed instance of a configuration
	* class, with user-provided options merged in upon instantation
	* of the implementation.
	*/

	class Config {
	constructor() {

	const hydrate = require('feathers-sequelize/hooks/hydrate');

	function includePoster() {
	return function (hook) {
	const model = hook.app.service('users').Model;
	const association = { include: [{ model: model, as: 'poster', attributes: ['userId', 'displayName', 'avatar'] }] };

	switch (hook.type) {
	case 'before':
	hook.params.sequelize = Object.assign(association, { raw: false });

	import { ApolloClient } from 'apollo-client';
	import { split } from 'apollo-link';
	import { HttpLink } from 'apollo-link-http';
	import { WebSocketLink } from 'apollo-link-ws';
	import { getMainDefinition } from 'apollo-utilities';
	import { InMemoryCache } from 'apollo-cache-inmemory';
	import { withClientState } from 'apollo-link-state';
	import { ApolloLink, Observable } from 'apollo-link';

	import { getUserFromLocalStorage } from './services/authService';

	render() {
	const { title, description, styles, scripts, state, children } = this.props;
	return (
	<html className="no-js" lang="en">
	<head>
	<meta charSet="utf-8" />
	<meta httpEquiv="x-ua-compatible" content="ie=edge" />
	<title>{title}</title>
	<meta name="description" content={description} />
	<meta name="viewport" content="width=device-width, initial-scale=1" />

	Session {
	cookie:
	{ path: '/',
	_expires: null,
	originalMaxAge: null,
	httpOnly: true } }
	* SET_RUNTIME_VARIABLE: { name: 'initialNow', value: 1498157281355 }
	webpack: Compiling...
	Child client:
	Time: 787ms