loading...

Mithril, an unusual use ...

artydev profile image artydev ・1 min read

In this sample, just for experiment, i have include in the mix :

  • streams
  • jsx
  • pure functional component
/* @jsx m */
const stream  = window.m.stream

const started = stream(false)
started.map(x => x && m.redraw())

async function sleep(ms) {
   await new Promise(function(resolve) {
    setTimeout(resolve, ms)
  })
}

async  function fetchApi () {
  await sleep(2000)
  started(true)
}

function Comp () {
  return (
    <div oninit = {fetchApi}> {
      started() ? <h2>App started</h2> : <h4>waiting..</h4> }
    </div>
  )
}

m.mount(document.body, { view : Comp })

You can test it here : MithrilExp

Posted on by:

Discussion

markdown guide