timwis

const choo = require('choo')
const html = choo.view
const onload = require('on-load')

const app = choo()

app.model({
  state: {
    title: 'Hello'
  },

timwis

made with esnextbin

timwis

const choo = require('choo')
const html = choo.view
const onload = require('on-load')

const app = choo()

const page1 = (params, state, send) => {
  const tree = html`
    <div>
      <h1>Page 1</h1>

timwis

const choo = require('choo')
const html = choo.view
const onload = require('on-load')

const app = choo()

const sampleData = {
  authors: [
    { name: 'George' },
    { name: 'John' },

timwis

const knex = require('knex')({})

console.log('accessing table')
knex.schema.table('users', function (table) {
  console.log('inside') // this is never called
})

timwis

var html = require('bel')
var text = html('<p>Some text</p>')

var el = html`<div>${text}</div>`
document.body.appendChild(el)

timwis

const choo = require('choo')
const connect = require('throw-down/connect')

// Sample log functions
const constructed = (node) => console.log('constructed', node)
const added = (node) => console.log('added', node)
const mutated = (node) => console.log('mutated', node)
const removed = (node) => console.log('removed', node)

const app = choo()

timwis

const choo = require('choo')
const http = require('choo/http')
const yo = choo.view

const app = choo()

app.model({
  state: {
    users: []
  },

timwis

const choo = require('choo')
const app = choo()

app.model({
  state: {
    fetched: false,
    items: []
  },
  reducers: {
    receive: (action, state) => ({ items: action.items, fetched: true })

timwis

const sendAction = require('send-action')
const assert = require('assert')

const send = sendAction({
  state: {
    a: 123,
    b: 456
  },
  onaction: (action, state) => ({ b: action.value }),
  onchange: (params, newState, oldState) => {