Mobservable Experiments

by ramnathv

HTML

<script src="//cdn.rawgit.com/mweststrate/mobservable/master/dist/mobservable.js"></script>
<h1 id='text'>Hello</h1>

CoffeeScript

mo = mobservable

# Example 1
###
x = observable(10)
y = observable(20)
z = observable -> console.log('Updating z'); x() + y()

console.log("Hello")

x()

console.log("Updated x... Observables are lazily evaluated")

z()
###

# Example 2
###
input = mo.observable {}

mo.extendObservable(input, {
  x: 2,
  y: 3,
  z: -> @x + @y
})


zz = mo.autorun -> 
  console.log(input.x)
  el = document.getElementById('text')
  el.style.fontSize = input.y + input.z + 'px'

input.x = 20
###

foo = mo.observable(10)
bar = foo
console.log mo.isObservable(bar)
console.log bar