JSFiddle - React, Tailwind, and code Playground

by rlivsey

HTML

<script src="https://github.com/downloads/wycats/handlebars.js/handlebars-1.0.0.beta.6.js"></script>
<script src="https://raw.github.com/emberjs/ember.js/release-builds/ember-1.0.0-pre.4.js"></script>
<script type="text/x-handlebars">
    <h1>Testing Loading</h1>
    <div>{{outlet}}</div>
</script>

<script type="text/x-handlebars" data-template-name="home">
    Home Page
</script>

<script type="text/x-handlebars" data-template-name="loading">
    LOADING
</script>

JavaScript

App = Ember.Application.create({});

App.Item = Ember.Object.extend(Ember.DeferredMixin);

App.Router.map(function() {
    this.route("home", {path: "/"});
});

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

App.HomeRoute = Ember.Route.extend({
    model: function() {
        var item = App.Item.create();
        setTimeout(function(){
          item.resolve();
        }, 2000);
        return item;
    }
});