eveporcello

scalar DateTime

type Photo {
  id: ID!
  name: String!
  description: String
  category: PhotoCategory!
  url: String
  postedBy: User!
  created: DateTime

eveporcello

// performers.json
[
  { "id": "rc5HXuXIb", "name": "Beyonce" },
  { "id": "gXMuonvEqD", "name": "Enya" }
]

// songs.json
[
  {
    "id": "M8JsFEqv5z",

eveporcello

GraphQL Resources

GraphQL Schemas

• Union Types
• Interfaces
• Building Search with Unions
• Building Interfaces
• Modular Schema

GraphQL and Databases/REST

eveporcello

{
  "zenMode.hideLineNumbers": false,
  "workbench.colorTheme": "Night Owl",
  "editor.quickSuggestions": {
    "other": false,
    "comments": false,
    "strings": false
  },
  "editor.wordBasedSuggestions": false,
  "editor.suggestOnTriggerCharacters": false,

eveporcello

query {
  allLifts {
    id
    name
  }
}

eveporcello

const tahoeTravelMachine = Machine({
id: "ML-to-Live",
initial: "analysis",
states: {
analysis: {
on: {
COMPLETE: "data"
}
},
data: {

eveporcello

  const fetchMachine = Machine({
    id: 'fetch',
    initial: 'idle',
    context: {
      retries: 0
    },
    states: {
      idle: {
        on: {
          FETCH: 'loading'

eveporcello

  const cocktailMachine = Machine({
    id: 'cocktail',
    initial: 'empty',
    context: {
      ingredients: []
    },
    states: {
      empty: {
        on: {
          FIRST_INGREDIENT: {

eveporcello

const menuMachine = Machine({
    id: 'menu',
    initial: 'collapsed',
    states: {
      expanded: {
        on: {
          COLLAPSE: 'collapsed'
        }
      },
      collapsed: {

eveporcello

const tahoeTravelMachine = Machine({
  id: "tahoe-travel",
  initial: "walking",
  states: {
    walking: {
      on: {
        THUMBS_UP: "hitchhiking",
        ARRIVED: "arrived"
      }
    },