JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://raw.github.com/wycats/handlebars.js/1.0.0-rc.3/dist/handlebars.js"></script>
<script src="https://raw.github.com/emberjs/ember.js/release-builds/ember-1.0.0-rc.1.js"></script>
<script type="text/x-handlebars">
    {{outlet}}
    <ul>
        <li>{{#linkTo cat}}Cat{{/linkTo}}</li>
        <li>{{#linkTo dog}}Dog{{/linkTo}}</li>
        <li>{{#linkTo mouse}}Mouse{{/linkTo}}</li>
        <li>{{#linkTo rat}}Rat{{/linkTo}}</li>
        <li>{{#linkTo llama}}Llama{{/linkTo}}</li>
    </ul>
    
    <h1>Routes History ({{controllers.history.length}})</h1>
    <ul>
        <li>Last Route: {{controllers.history.lastObject}}</li>
        {{#each controllers.history}}
            <li>{{this}}</li>
        {{/each}}
    </ul>
</script>

JavaScript

App = Ember.Application.create();

App.Router.map(function() {
    this.route('cat'); this.route('dog'); this.route('mouse'); this.route('rat'); this.route('llama');
});

App.ApplicationController = Ember.Controller.extend({
    needs: ['history']    
});
App.HistoryController = Ember.ArrayController.extend();

App.HistoryMixin = Ember.Mixin.create({
    setupController: function() {
        this.controllerFor('history').pushObject(this.get('routeName'));
    }
});

App.CatRoute = Ember.Route.extend(App.HistoryMixin);
App.DogRoute = Ember.Route.extend(App.HistoryMixin);
App.MouseRoute = Ember.Route.extend(App.HistoryMixin);
App.RatRoute = Ember.Route.extend(App.HistoryMixin);
App.LlamaRoute = Ember.Route.extend(App.HistoryMixin);