JSFiddle - React, Tailwind, and code Playground

by Cody Lindley

HTML

<script src="https://getfirebug.com/firebug-lite-debug.js"></script>
<!-- functional programming utility library -->
<script src="http://cdnjs.cloudflare.com/ajax/libs/lodash.js/1.3.1/lodash.underscore.js"></script>
<!-- DOM & XHR utility -->
<script src="http://cdnjs.cloudflare.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script>
<!-- Backbone.js -->
<script src="http://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.0.0/backbone-min.js"></script>

CSS

iframe {
    height:163px !important;
}

JavaScript

var myRouter = new Backbone.Router();

Backbone.history.start();

myRouter.route('search/:query', 'search', function (query) {
    console.log(query+'0');
});

//on()
myRouter.on('route:search',function(query){
    console.log(query+'1');
});
//listenTo()
Backbone.listenTo(myRouter,'route:search',function(query){
    console.log(query+'2');
});

//change url hash to #search/foo/today-newest/page1
window.location.hash = 'search/foo';