JSFiddle - React, Tailwind, and code Playground

by bingjie2680

HTML

<script src="http://underscorejs.org/underscore.js"></script>
<script src="http://backbonejs.org/backbone.js"></script>
<script src="http://marionettejs.com/downloads/core/backbone.marionette.js"></script>
Test View:
<div id="test"></div>

JavaScript

var Person = Backbone.Model.extend({
    defaults: {
        name: "yijie"
    }
});

var PersonView = Marionette.ItemView.extend({
    template: function () {
        return '<div class="name"></div>';
    },
    
    ui:{
        name: ".name"
    },

    onRender: function () {
        this.ui.name.text(this.model.get("name"));    
    }
});

var person = new Person(),
    view = new PersonView({model: person});

$("#test").append(view.render().$el);
person.destroy();
view.close();