pieh

  // Available variables:
  // - Machine
  // - interpret
  // - assign
  // - send
  // - sendParent
  // - spawn
  // - raise
  // - actions

pieh

  // Available variables:
  // - Machine
  // - interpret
  // - assign
  // - send
  // - sendParent
  // - spawn
  // - raise
  // - actions

pieh

// run with `--inspect(-brk)` and make Heap Snapshots whenever `debugger` breakpoint hits (will be 2 times)
// search for `TrackedObject` in constructor and see the difference when using async/await and .then()/.catch

class TrackedObject {
  constructor(type, args) {
    this.type = type;
    this.args = args;
    this.debugAnnotation = "New object";
  }

pieh

  // Available variables:
  // - Machine
  // - interpret
  // - assign
  // - send
  // - sendParent
  // - spawn
  // - raise
  // - actions

pieh

My Awesome Sketch
  First State
    some event -> Second State
  Second State

pieh

const path = require(`path`)

exports.createPages = ({ graphql, actions }) => {
  const { createPage } = actions
  return graphql(`
    {
      allMarkdownRemark {
        edges {
          node {
            # query for layout field