refractalize

var plastiq = require('plastiq');
var h = plastiq.html;

function render(model) {
  return h('div',
    h('label', "what's your name?"), ' ',
    h('input', {type: 'text', binding: [model, 'name']}),
    h('div', 'hi ', model.name)
  );
}

refractalize

var plastiq = require('plastiq');
var h = plastiq.html;
var bind = plastiq.bind;

function render(model) {
  return h('div',
    h('ul',
      model.people.map(function (person) {
        return h('li', person.name);
      })

refractalize

var plastiq = require('plastiq');
var h = plastiq.html;
var bind = plastiq.bind;

function render(model) {
  return h('div',
    h('button', {
      onclick: function () {
        return function (render) {
          setInterval(function () {

refractalize

var plastiq = require('plastiq');
var h = plastiq.html;
var bind = plastiq.bind;

function render() {
  return h('div',
    'width = ' + window.innerWidth + ', height = ' + window.innerHeight,
    h.window({ onresize: function () {console.log('resizing');} })
  );
}

refractalize

var plastiq = require('plastiq');
var h = plastiq.html;

var blue = { name: 'blue' };

function render(model) {
  return h('div',
    h('input.red', {
      type: 'radio',
      name: 'colour',

refractalize

var plastiq = require('plastiq');
var h = plastiq.html;

var blue = { name: 'blue' };

function render(model) {
  return h('div',
    h('select',
      {binding: [model, 'colour']},
      h('option.red', {value: 'red'}, 'red'),

refractalize

var plastiq = require('plastiq');
var h = plastiq.html;
var bind = plastiq.bind;

function render(model) {
  return h('div',
    h('input',
      {
        type: 'file',
        binding: {

refractalize

var plastiq = require('plastiq');
var h = plastiq.html;
var bind = plastiq.bind;

function render(model) {
  return h('div',
  	model.show
      ? h.component(
          {
            onadd: function (element) {

refractalize

var plastiq = require('plastiq');
var h = plastiq.html;
var bind = plastiq.bind;

function render(model) {
  var component = h.component(function () {
    return h('div', 'component counter: ', model.counter);
  });
  
  return h('div',

refractalize

var plastiq = require('plastiq');
var h = plastiq.html;
var bind = plastiq.bind;

function render(model) {
  return h('div.content',
    h('h1', 'People'),
    h('ol',
      model.people.map(function (person) {
        return renderPerson(model, person);