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

Application.setView new Thorax.LayoutView
  setView: (view) ->
    view.bind 'all', (eventName) ->
      $('body').append @name + ' : ' + eventName + '<br>'
    Thorax.LayoutView.prototype.setView.call @, view, scroll: false
  showViewA: ->
    @setView new Thorax.View
      name: 'A'
      template: "A"
  showViewB: ->
    @setView new Thorax.View
      name: "B"
      template: "B"
  template: """
    <h3>Layout Example</h3>
    {{layout}}
    {{#button "showViewA" class="btn"}}Set View A{{/button}}
    {{#button "showViewB" class="btn"}}Set View B{{/button}}
  """