mobservable Experiments

by ramnathv

HTML

<script src="//cdn.rawgit.com/mweststrate/mobservable/master/dist/mobservable.min.js"></script>

CoffeeScript

{observable, autorun, extendObservable} = mobservable

values = observable({df: 10})
out = -> values.df - 10

df = observable({
  x: 10
  y: -> @x - 5
})

###
p1 = observable(10)
p2 = observable -> p1() - 5
p3 = observable -> p2() + 10

autorun -> console.log p3()



values = observable {}
extendObservable values, {x: 10, y: -> @x - 5}

console.log values.y
###

input = observable({x: 10, y: 20})
output = {}
autorun ->
  output.z1 = input.x + 20
  output.z2 = input.y - 10
  console.log output
  
input.x = 5
  
output2 = observable({
  z1: -> input.x + 20,
  z2: -> input.y - 10
})

console.log output2