JSFiddle - React, Tailwind, and code Playground

by amindunited

HTML

<script src="//cdnjs.cloudflare.com/ajax/libs/handlebars.js/1.1.2/handlebars.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/ember.js/1.2.0/ember.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery-toggles/2.0.4/toggles.min.js"></script>

JavaScript

App = Em.Application.create();

App.Router.map(function(){
    this.route('film', {path:'/film'});
    this.route('tv', {path:'/tv'});
    this.route('music', {path:'/music'});
});

App.IndexRoute = Ember.Route.extend({
    beforeModel: function() {
        this.transitionTo('film');
    }
});

App.FilmRoute = Ember.Route.extend({
    enter: function(){
        console.log("entering film");
    }
    /*,
    beforeModel: function() {
        this.transitionTo('film');
    }.
    exit: function(){
        console.log("exiting film");
    }
    */
});