rbiggs

const hasOwnProperty = Object.prototype.hasOwnProperty

/**
 * Create a union of string tags.
 * @param {string[]} types
 */
function createUnion(types) {
  const variants = Object.create(null)
  let checkTag = x => x && x.type

rbiggs

{
    "compilerOptions": {
        "checkJs": true
    },
    "exclude": [
        "node_modules",
        "**/node_modules/*"
    ]
}

rbiggs

subscriptions(state, send) {
  return () => {
    document.addEventListener('keypress', function (e) {
      if (e.keyCode === 13) {
        send({ type: 'addItem' })
      }
    })
  }
}

rbiggs

udate(state, message) {
  // Create clone of state with destructing:
  const prevState = {...state}
  // Pass cloned state to actions:
  return actions(prevState, message)
}

rbiggs

// actions gets two arguments: state and the message we send
function actions(state, message) {
  switch(message) {
    case 'updateInputValue':
      // Update state with new value:
      state.inputValue = message.value
      // Don't forget to return state:
      return state
    case 'addItem':
      // Add new item to array:

rbiggs

<li key={item.key}>
  <span>{item.value}</span>
  <button class="delete-item" onclick={() => send({type: 'deleteItem', value: item.key})}>X</button>
</li>

rbiggs

// actions gets two arguments: state and the message we send
function actions(state, message) {
  switch(message) {
    case 'updateInputValue':
      // Update state with new value:
      state.inputValue = message.value
      // Don't forget to return state:
      return state
    case 'addItem':
      // Add new item to array:

rbiggs

<button class="add-item" onclick={() => send({type: 'addItem'})}>Add</button>

rbiggs

update(state, message) {
  return actions(state, message)
}

rbiggs

// actions gets two arguments: state and the message we send
function actions(state, message) {
  switch(message) {
    case 'updateInputValue':
      // Update state with new value:
      state.inputValue = message.value
      // Don't forget to return state:
      return state
  }
}