JSFiddle - React, Tailwind, and code Playground

by sebpiq

HTML

<script src="http://documentcloud.github.com/underscore/underscore-min.js"></script>
<script src="http://documentcloud.github.com/backbone/backbone-min.js"></script>

JavaScript

$(function() {
    var MyModel = Backbone.Model.extend({});
    var MyCollection = Backbone.Collection.extend({

        add: function() {
            // Keep a copy of models before adding
            var modelsBefore = this.models.slice(0);
            console.log('BEFORE', JSON.stringify(this.models), JSON.stringify(modelsBefore));
            Backbone.Collection.prototype.add.apply(this, arguments);
            console.log('AFTER', JSON.stringify(this.models), JSON.stringify(modelsBefore));
        }
    });

    var model = new MyModel({id: 'bla1'});
    var model2 = new MyModel({id: 'bla2'});
    var coll = new MyCollection();

    coll.add(model);
    coll.add(model2);
});