JSFiddle - React, Tailwind, and code Playground
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: 'body'
}).render();
}
});
new Router();
Backbone.history.start();
})();