JSFiddle - React, Tailwind, and code Playground

by koba04

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.7.0/underscore.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.1.2/backbone.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.marionette/2.3.1/backbone.marionette.js"></script>
<div id="app"></div>

<script type="text/x-template" id="main-tmpl">
    Hello <%- name %>
</script>

<script type="text/x-template" id="app-tmpl">
    <div id="main"></div>
</script>

JavaScript

var ItemView = Marionette.ItemView.extend({
    template: "#main-tmpl"
});

var LayoutView = Marionette.LayoutView.extend({
    el: "#app",
    template: "#app-tmpl",
    regions: {
        main: "#main"   
    },
    onRender: function() {
        var itemView = new ItemView({model: new Backbone.Model({name: "Marionette"})});
        this.main.show(itemView);
    }
});

new LayoutView().render();