Boilerplate code for Motorcycle on Webpackbin.com - This is a direct port of the CycleJS boilerplate to Motorcycle

motorcycle_webpackbin_boilerplate.js

//http://www.webpackbin.com/VkPA2Qj1Z
import Motorcycle from '@motorcycle/core';
import {div, label, input, hr, h1, makeDOMDriver} from '@motorcycle/dom';

function main(sources) {
  const sinks = {
    DOM: sources.DOM.select('.field').events('input')
      .map(ev => ev.target.value)
      .startWith('')
      .map(name =>
        div([
          label('Name:'),
          input('.field', {attributes: {type: 'text'}}),
          hr(),
          h1('Hello ' + name)
        ])
      )
  };
  return sinks;
}

Motorcycle.run(main, { DOM: makeDOMDriver('#app') });