JSFiddle - React, Tailwind, and code Playground

by HYEONGJINKIM

HTML

<script src="http://documentcloud.github.io/underscore/underscore.js"></script>
<script src="http://documentcloud.github.io/backbone/backbone.js"></script>

JavaScript

var Person = Backbone.Model.extend({
    initialize: function(){
        console.log("initialize");
        this.bind("change:name", function(){
            console.log("change name: "+ this.get("name"));
        });
    },
    default: {
        name : "kim",
        age : "33"
    }
});

var People = Backbone.Collection.extend({
    initialize: function() {
        console.log("People Collection is initialized");
    },
    model: Person
});
 
var person = new Person({name:"Joe"});
 
var people = new People(person);
people.add([{name:"Bob"}, {name:"Jim"}]);

people.unshift();
people.pop();
console.log(people.toJSON());