JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://cloud.github.com/downloads/wycats/handlebars.js/handlebars-1.0.rc.1.js"></script>
<script src="http://cloud.github.com/downloads/emberjs/ember.js/ember-1.0.0-pre.2.min.js"></script>
<script type="text/x-handlebars" data-template-name="application">
    <h1>Application View</h1><br><br>{{outlet}}
</script>

<script type="text/x-handlebars" data-template-name="home">
    <b>{{view.name}}</b> I am from Home View<br><br>
    <b>{{name}}</b> I am from the Home Controller
</script>

JavaScript

MyApp = Ember.Application.create();

MyApp.Router = Ember.Router.extend({
    root: Ember.Route.extend({
        index: Ember.Route.extend({
            route: '/',
            redirectsTo: 'home'
        }),
        home: Ember.Route.extend({
            route: '/home',
            connectOutlets: function(router) {
                router.get('applicationController').connectOutlet('home');
            }
        })
    })
});

MyApp.ApplicationView = Ember.View.extend({
    templateName: 'application'
})

MyApp.ApplicationController = Ember.Controller.extend();

MyApp.HomeView = Ember.View.extend({
    templateName: 'home',
    name: 'TheName'
})

MyApp.HomeController = Ember.Controller.extend({
    name: "Joey"
    })

    MyApp.initialize();