davidkpiano

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

davidkpiano

// No TypeScript
function add(a, b) {
  return a + b;
}

// Type function arguments
//              vvvvvv     vvvvvv
function add(a: number, b: number) {
  return a + b;
}

davidkpiano

Machine({
  id: 'Dog API',
  initial: 'idle',
  context: {
    dog: null
  },
  states: {
    idle: {
      on: {
        FETCH: 'loading'

davidkpiano

// ----
// Sass (v3.4.7)
// Compass (v1.0.1)
// ----

/// SCSS Specificity Calculator
/// 
/// Utility to calculate (and display) specificity or specificity map of any
/// valid simple/compound/complex selector.
/// @author David Khourshid

davidkpiano

Machine({
  id: 'donut',
  initial: 'ingredients',
  states: {
    ingredients: {
      on: {
        NEXT: 'directions',
      },
    },
    directions: {

davidkpiano

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

davidkpiano

const auth = Machine({
  id: 'auth',
  initial: 'authenticating',
  states: {
    authenticating: {
      after: {
        1000: 'authenticated'
      }
    },

davidkpiano

const pongMachine = Machine({
  initial: 'waiting',
  states: {
    waiting: {
      on: {
        PING: {
          actions: sendParent('PONG', { delay: 1000 })
        }
      }
    }

davidkpiano

const A1 = () => console.log('Action A1');

const machine = Machine({
  initial: 's1',
  states: {
    h: { type: 'history' },
    s1: {on: {E11: 's2'}},
    s2: {on: {E11: 's3'}},
    s3: {on: {E11: 's4'}},
    s4: {/* ... */}

davidkpiano

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