JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.2.2/css/bootstrap-combined.min.css">
<script type="text/x-handlebars" data-template-name="application">
    {{view App.SomeView}}
</script>

<script type="text/x-handlebars" data-template-name="test">
    <div>
        <p>This is my view.</p>
        <p>Click inside the colored box and get an alert</p>
    </div>
</script>


<script type="text/javascript" src="http://code.jquery.com/jquery-1.8.2.min.js"></script>
<script type="text/javascript" src="https://raw.github.com/wycats/handlebars.js/1.0.rc.2/dist/handlebars.js"></script>
<script type="text/javascript" src="https://raw.github.com/emberjs/ember.js/release-builds/ember-1.0.0-pre.4.js"></script>

CSS

em {font-style: normal}
div {
    background: lightblue;
    padding: 5px;
}

JavaScript

window.App = Ember.Application.create();

App.SomeView = Em.View.extend({
    templateName: 'test',
    someAction: function(e) {
        alert('test');    
    },
    click: function(){
        alert('clickity click');
    },
    keyUp: function(){
        alert('keyUp fired');
    }
})