JSFiddle - React, Tailwind, and code Playground

by f0t0n

HTML

<script src="//cdnjs.cloudflare.com/ajax/libs/underscore.js/1.6.0/underscore-min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/backbone.js/1.1.2/backbone-min.js"></script>
<a href="#greeting">Click to see a greeting</a>
<div id="content"></div>

JavaScript

(function() {
    var GreetingView = Backbone.View.extend({
        template: '<p>Hello World!</p>',
        render: function() {
            this.$el.html(this.template);
        }
    });
    
    var Router = Backbone.Router.extend({
        routes: {
            'greeting': 'greeting'
        },
        
        greeting: function() {
            new GreetingView({
                el: '#content'
            }).render();
        }
    });
    
    new Router();
    Backbone.history.start();
})();