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

//create a default Model object
var myModel = new Backbone.Model();

//bind a callback to the built-in 'all' event
myModel.on('all', function (e) {
    console.log(e);
});

//triggers 'change' and 'change:attribute' event, which triggers 'all' twice
myModel.set({'test':'test'}); 

/*using listenTo() can accomplish the same thing
var A = _.extend({}, Backbone.Events);

A.listenTo(myModel, 'all', function (e) {
    console.log(e);
});
*/