Skip to content

Instantly share code, notes, and snippets.

@DarrenN
Created February 5, 2014 15:26
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save DarrenN/8826000 to your computer and use it in GitHub Desktop.
Save DarrenN/8826000 to your computer and use it in GitHub Desktop.
react.coffee test
<html>
<body>
<script src='//ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js'></script>
<script src='//cdnjs.cloudflare.com/ajax/libs/underscore.js/1.4.4/underscore-min.js'></script>
<script src='//cdnjs.cloudflare.com/ajax/libs/underscore.string/2.3.0/underscore.string.min.js'></script>
<script src='//cdnjs.cloudflare.com/ajax/libs/coffee-script/1.6.3/coffee-script.min.js'></script>
<script src='//cdnjs.cloudflare.com/ajax/libs/reactive-coffee/0.0.5/reactive-coffee.min.js'></script>
<script type="text/coffeescript">
bind = rx.bind
rxt.importTags()
_.mixin(_.str.exports())
number = rx.cell(0)
add = ->
number.set number.get() + 1
window.setTimeout add, 100
add()
$('body').append(
div { class: 'original' }, bind -> "Number #{number.get()}"
div { class: 'num' }, bind -> "Sqrt: #{Math.sqrt(number.get())}"
div { class: 'num' }, bind -> "Cos: #{Math.cos(number.get())}"
)
</script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment