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

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

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

timwis

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

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

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 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

made with esnextbin

timwis

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

const app = choo()

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

timwis

app.router((route) => [
  route('/', layouts.root(views.connect)),
  route('/tables', layouts.root(layouts.database()), [
    route('/:name', layouts.root(layouts.database(views.tableRows, 'rows')), [
      route('/schema', layouts.root(layouts.database(views.tableSchema, 'schema'))),
      route('/options', layouts.root(layouts.database(views.tableOptions, 'options')))
    ])
  ])
])

timwis

var onload = require('on-load')
var yo = require('yo-yo')

function page1 () {
  var tree = yo`<div>page1</div>`
  onload(tree, function () {
    console.log('page1 on')
  }, function () {
    console.log('page1 off')
  })

timwis

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

app.model({
  state: {
    title: 'Hello'
  },
  reducers: {
    update: (data, state) => ({ title: data })