// Where `h` is the interface to create virtual-dom elements

const hfactory = require('hfactory')
const {div, strong, input} = hfactory(h)

const dom = hfactory(h)
dom.footer({}, dom.span('text'))

const {div, strong} = hfactory(React.createElement)

const HelloView = (name) =>
    div({className: 'info'},
        strong({}, 'Hello ' + name))

ReactDOM.render(HelloView('React!'), document.getElementById('app'))

const {div, strong} = hfactory(maquette.h)
const projector = maquette.createProjector()

const HelloView = (name) => () =>
    div({className: 'info'},
        strong('Hello ' + name))

projector.append(document.getElementById('app'), HelloView('Maquette!'))