shared-component.js

var MyForm = require('my-form')
var html = require('html')

module.exports = myView

// Create an instance of MyForm
// - state is mounted as state['my-form']
// - creates an instance that's kept around
//
// Useful because:
// - same instance can be shared across multiple views
// - no worries of which file instantiates things
function myView (state, emit) {
  var myForm = MyForm('my-form', state, emit)

  return html`
    <section>
      <h1>My cool form</h1>
      ${myForm.render()}
    </section>
  `
}