kbingman

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

kbingman

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

kbingman

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

kbingman

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

kbingman

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

kbingman

/**
 * Fetches a model from the State first, then the API. 
 * returns a tuple with the data from the API and an updater function that 
 * updates the server
 */
export const useLens= (
  uuid: string
): [Response, SetResponse] => {
  // This could be `useSelector` and `useDispatch` if we are using Redux
  const [initialData, setData] = useRecoilState(

kbingman

import faker from 'faker';

import { makes } from '../../../../test/makes';
import { Listing } from '../../src/types';

faker.seed(42);

export const createFakeListing = (attr?: any): Listing => {
  const [make, model] = makes[faker.random.number(makes.length)];

kbingman

type UUID = string;

interface BaseNode {
  uuid: UUID;
  path: string; // parent-uuid/uuid
  type: "node" | "section" | "group" | "text";
  allowedChildren?: ContentNodes; // Optional because the actual instances of Nodes do not need this
  children?: UUID[]; // not all Nodes have children
}

kbingman

Overview of Event Driven Patterns (1hr)

• Large Scale Applications…
• Event Driven vs. jQuery and Plugins
• Get NPM and Dev Environment Setup
• React in a few lines of jQuery
• jQuery and DOM events
• Observer Pattern

Exercises

• Build a simple Instagram API

kbingman

Feature: Google Demo

Scenario: Google home page

    When I open http://google.com
    and I should see #viewport