component box nanocomponent examples

component-box-nano-render.js

var Nanocomponent = require('nanocomponent')
var html = require('bel')
var c = require('component-box')

class MyComponent extends Nanocomponent {
  createElement (text) {
    return html`<div>${text}</div>`
  }
}

function createMyComponent () {
  var component = new MyComponent()
  return function () {
    return component.render(...arguments)
  }
}

c.use({
  mycomponent: createMyComponent
})

// return and render
c('mycomponent')('bam')

component-box-nano.js

var Nanocomponent = require('nanocomponent')
var html = require('bel')
var c = require('component-box')

class MyComponent extends Nanocomponent {
  createElement (text) {
    return html`<div>${text}</div>`
  }
}

function createMyComponent () {
  return new MyComponent()
}

c.use({
  mycomponent: createMyComponent
})

// return and render
c('mycomponent').render('bam')