JSFiddle - React, Tailwind, and code Playground

by cmaher

HTML

<script src="http://documentcloud.github.io/underscore/underscore-min.js"></script>
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script src="http://documentcloud.github.io/backbone/backbone-min.js"></script>
<script src="http://marionettejs.com/downloads/backbone.marionette.min.js"></script>
<div id='layout'></div>

JavaScript

var MyRegion = Marionette.Region.extend({
    initialize: function () {
        alert('my region!');
    }
});

var MyLayout = Marionette.LayoutView.extend({
    template: function () {
        return '<div class="header-region"></div>';
    },

    regions: {
        "headerRegion": {
            selector: ".header-region",
            regionClass: MyRegion
        }
    }
});

var layout = new MyLayout({
    el: '#layout'
});
layout.render();