example-scheduler.js

var scheduler = Scheduler()
var mainComponent = scheduler.new('main') // create a new component with a name
mainComponent.on('render', function (state, emit) {
  return html``
})
mainComponent.on('load', function (done) {
  /* trigger an animation that runs for 500ms */
  setTimeout(500, done) // wait for animation to complete before calling "done"
})
mainComponent.on('unload', function (done) {
  /* trigger an animation that runs for 200ms */
  setTimeout(200, done) // wait for animation to complete before calling "done"
})

var app = choo()
app.route('/', function (state, emit) {
  return html`
    <main>
      ${scheduler.render('main', state, emit)}
    </main>
  `
})
app.mount('body')