JSFiddle - React, Tailwind, and code Playground
HTML
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<title>Thorax Example</title>
<script src="http://cdnjs.cloudflare.com/ajax/libs/jquery/1.8.0/jquery-1.8.0.min.js"></script>
<script src="http://cdnjs.cloudflare.com/ajax/libs/handlebars.js/1.0.0.beta6/handlebars.min.js"></script>
<script src="http://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.3.3/underscore-min.js"></script>
<script src="http://cdnjs.cloudflare.com/ajax/libs/backbone.js/0.9.2/backbone-min.js"></script>
<script src="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.0.4/js/bootstrap.min.js"></script>
<script src="https://raw.github.com/walmartlabs/thorax/master/dist/thorax.js"></script>
<script src="https://raw.github.com/gist/3504663/d1e6321e9fdb69ff47d636eab5df5e52acb64ae0/gistfile1.txt"></script>
<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.0.4/css/bootstrap-combined.min.css"/>
</head>
<body>
</body>
</html>
CoffeeScript
Handlebars.registerViewHelper 'on', (name, view) ->
view.on view.parent, name, ->
view.render()
Application.setView new Thorax.View
increment: ->
@count ||= 0
++@count
@trigger 'incremented'
template: """
<h3>Sample Partial Helper</h3>
{{#button "increment" class="btn"}}++{{/button}}
{{#on "incremented" tag="span"}}{{count}}{{/on}}
"""