JSFiddle - React, Tailwind, and code Playground

by taxilian

HTML

<script src="http://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.1.6/underscore-min.js"></script>
<script src="http://cdnjs.cloudflare.com/ajax/libs/backbone.js/0.3.3/backbone-min.js"></script>
<div id="out"></div>

JavaScript

$("#out").append($("<div>",{
    text: "Initializing"
}));

BaseView = Backbone.View.extend ({
    settings: null,
    initialize: function(options) {
        this.settings = {};
    },
    setProp: function (setting, val) {
        this.settings[setting] = val;
    },
    getProp: function (setting) {
        return this.settings[setting];
    }
});

ViewOne = BaseView.extend ({
    initialize: function() {
        BaseView.prototype.initialize.apply(this, arguments);
        this.setProp('username','bond');
    }
});
                                 
ViewTwo = BaseView.extend ({
    initialize: function() {
        BaseView.prototype.initialize.apply(this, arguments);
        this.setProp('username','bourne');
    }
});

view1 = new ViewOne();
$("#out").append($("<div>",{
    text: "view1 username: "+view1.getProp('username')
}));
view2 = new ViewTwo();
$("#out").append($("<div>",{
    text: "view1 username: "+view1.getProp('username')
}));
$("#out").append($("<div>",{
    text: "view2 username: "+view2.getProp('username')
}));