JSFiddle - React, Tailwind, and code Playground

by chridam

HTML

<script src="//cdnjs.cloudflare.com/ajax/libs/underscore.js/1.5.2/underscore-min.js"></script>
<script src="http://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.0.0/backbone-min.js"></script>
<div class='test'>
</div>

CoffeeScript

People = Backbone.Model.extend
    defaults:
        name: ''
        age: 0

Collection = Backbone.Collection.extend
    model: People
    comparator: (model1, model2) ->
        model2.get('age') < model1.get('age') ? -1 : 1
        
        
collection = new Collection

collection.on 'change:age', (model, collection) ->
    console.log JSON.stringify model.get('name') + ' changed.'
    
person1 = new People {name: 'Chris', age:34 }
person2 = new People {name: 'Faith', age:59 }
person3 = new People {name: 'Brian', age:14 }
person4 = new People {name: 'Tafadzwa', age:31 }
collection.add [person1, person2, person3, person4]

person2.set 'name', 'Khule'

console.log JSON.stringify collection
console.log collection.indexOf(person2) == 0