Mithril with Velocity.js

by ramnathv

HTML

<script src="//cdnjs.cloudflare.com/ajax/libs/mithril/0.2.2-rc.1/mithril.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/velocity/1.2.3/velocity.min.js"></script>
<div id="app"></div>

CoffeeScript

fadesIn = (el, isInit) ->
  if (!isInit)
    el.style.opacity = 0
    Velocity(el, {opacity: 1})
  
App = 
  controller: (props) ->
    items: m.prop(props.items)
  view: (ctrl) ->
    m 'ul', ctrl.items().map (d, i) -> 
      m 'li', {
        key: i,
        onclick: (e) ->
          ctrl.items().splice(i, 1)
        config: fadesIn
      }, d
      
m.mount(
  document.getElementById("app"),
  m App, items: [1, 2, 3]
)