JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://cdnjs.cloudflare.com/ajax/libs/handlebars.js/1.0.rc.2/handlebars.min.js"></script>
<script src="https://gist.github.com/devincrossman/4700186/raw/8d5ef7b5b5353e128ecbcf4f0b9cc056803a4113/ember.js"></script>
<script type="text/x-handlebars" data-template-name="application">
    {{outlet}}
</script>

<script type="text/x-handlebars" data-template-name="index">
    Index.
    {{#linkTo bands.new}}New Band{{/linkTo}}
</script>

<script type="text/x-handlebars" data-template-name="bands/index">
    Bands Index
    {{#linkTo index}}Start Again{{/linkTo}}
</script>

<script type="text/x-handlebars" data-template-name="bands/new">
    <a {{action "cancel"}}>Cancel</a>
</script>

JavaScript

var App = Ember.Application.create();

App.Router.map(function() {
    this.resource('bands', function() {
        this.route('new');
    });
});

App.IndexRoute = Ember.Route.extend({
  redirect: function() {
    this.transitionTo('bands');
  }
});

App.BandsRoute = Ember.Route.extend({ });

App.BandsNewRoute = Ember.Route.extend({
    renderTemplate : function(){
        this.render('bands/new',{
            into:'application'
        });
    }
});

App.BandsNewController = Ember.Controller.extend({
    cancel: function() {
        this.transitionTo('bands');
    }
});