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
# sample data declared at
# https://raw.github.com/gist/3504663/d1e6321e9fdb69ff47d636eab5df5e52acb64ae0/gistfile1.txt
$ ->
mittens = Thorax.Collections.Cats.instance.at(0)
ContextExampleView = Thorax.View.extend
name: 'context-example'
model: mittens
title: "Context Example"
numberOfTodos: ->
@model.get('todos').length
template: """
<h3>{{title}}</h3>
<p>
I contain a cat named {{name}} who presently
has {{numberOfTodos}} things to do.
</p>
"""
Application.setView new ContextExampleView