JSFiddle - React, Tailwind, and code Playground

by Energiz0r

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-latest.js"></script>
<script type="text/x-handlebars" data-template-name="loginTemplate">
  {{#if controller.login}}
    Logged in!
  {{else}}
    Login failed
  {{/if}}
</script>

<script type="text/x-handlebars" data-template-name="outletTemplate">
  {{outlet main}}
</script>

JavaScript

App = Ember.Application.create();

App.LoginController = Ember.ArrayController.extend({
    login: true
});
App.LoginView = Ember.View.extend({
    templateName: 'loginTemplate'
});

App.ApplicationView = Ember.ContainerView.extend({
    childViews: ['outletView'],
    outletView: Ember.View.create({
        templateName: 'outletTemplate'
    })
});

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

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

App.initialize();