JSFiddle - React, Tailwind, and code Playground

by Cody Lindley

HTML

<script src="https://dl.dropboxusercontent.com/u/2026291/backbone/jquery-2.0.2.js"></script>
<script src="https://dl.dropboxusercontent.com/u/2026291/backbone/lodash.underscore.js"></script>
<script src="https://dl.dropboxusercontent.com/u/2026291/backbone/backbone.js"></script>
<script src="https://getfirebug.com/firebug-lite-debug.js"></script>

CSS

iframe {
    height:263px !important;
}

JavaScript

var MyView = Backbone.View.extend({
    tagname:'div',
    id: 'myView',
    className: 'views',
    attributes:{'data-foo':'foo','data-bar':'bar'},
    initialize:function(){
        this.render() //just like calling myViewInstance.render();
    },
    render:function(){
        //logs <div id="myView" class="views" data-foo="foo" data-bar="bar">
        console.log(this.el); 
    }
});

var myViewInstance = new MyView(); //look in render()