JSFiddle - React, Tailwind, and code Playground
HTML
<script src="http://cloud.github.com/downloads/wycats/handlebars.js/handlebars-1.0.0.beta.6.js"></script>
<script src="http://cloud.github.com/downloads/emberjs/ember.js/ember-1.0.pre.min.js"></script>
<script type="text/x-handlebars" data-template-name="application">
My App
{{outlet}}
</script>
<script type="text/x-handlebars" data-template-name="other">
My content
</script>
JavaScript
window.App = Ember.Application.create({});
App.ApplicationController = Ember.Controller.extend();
App.ApplicationView = Ember.View.extend({
templateName: 'application'
});
App.OtherController = Ember.Controller.extend();
App.OtherView = Ember.View.extend({
templateName: 'other'
});
App.Router = Ember.Router.extend({
root: Ember.Route.extend({
index: Ember.Route.extend({
route: '/',
connectOutlets: function(router) {
router.get('applicationController').connectOutlet('other');
}
})
})
});
App.initialize();