JSFiddle - React, Tailwind, and code Playground

by drulia

HTML

<script src="http://code.jquery.com/jquery.min.js"></script>
<script src="https://raw.github.com/wycats/handlebars.js/1.0.rc.2/dist/handlebars.js"></script>
<script src="https://raw.github.com/emberjs/ember.js/release-builds/ember-1.0.0-pre.4.js"></script>
<script src="http://elipster.net/misc/ember-data.js"></script>
<div id="content">
    
    {{outlet}}
    
    {{outlet sidebar}}
    
</div>

CSS

#content {
    margin: 20px;
}

JavaScript

window.App = Ember.Application.create({
	rootElement: '#content'
});


App.IndexRoute = Ember.Route.extend({
	renderTemplate: function() {
		this._super();
		this.render('sidebar', { into: 'index', outlet: 'sidebar' });
	}
});


App.Router.map(function() {
	this.resource('index', {path: '/'}, function() {
		this.route('foo', {path: '/'});
		this.route('bar');
	});
});