JSFiddle - React, Tailwind, and code Playground

by Eric Howe

HTML

<script src="http://documentcloud.github.com/underscore/underscore-min.js"></script>
<script src="http://documentcloud.github.com/backbone/backbone-min.js"></script>
<p>
    The buttons use `navigate`, the links use `href="#/..."`. Watch for messages in the console.
</p>
<hr>
<button type="button" class="where-is">Where is</button>
<button type="button" class="pancakes-house">pancakes house?</button>
<hr>
<a href="#/where-is">Where is</a>
<a href="#/pancakes-house">pancakes house?</a>

JavaScript

var R = Backbone.Router.extend({
    routes: {
        'where-is':       'where_is',
        'pancakes-house': 'pancakes_house'
    },
    where_is: function() {
        console.log('Where is');
    },
    pancakes_house: function() {
        console.log('pancakes house?');
    }
});
var r = new R();
Backbone.history.start();

$('.where-is').click(function() {
    r.navigate('where-is', { trigger: true });
});
$('.pancakes-house').click(function() {
    r.navigate('pancakes-house', { trigger: true });
});