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:263px !important;
}

JavaScript

var subModel = Backbone.Model.extend({
    constructor:function(){ //extend this constructor, not Model
        this.foo = 'bar';
    }
});

myModel = new subModel();

console.log(myModel.foo); //logs bar

/*cid is an instance property set by the Model constructor but logs undefined 
because we created our own constructor*/
console.log(myModel.cid);

/*the cid property is an instance property set by Model() and we didn't use Model, we used 
a custom constructor so myModel does not have a cid property*/