JSFiddle - React, Tailwind, and code Playground
HTML
<script src="https://unpkg.com/underscore"></script>
<script src="https://unpkg.com/backbone"></script>
<div id="app"/>
JavaScript
var LinkView = Backbone.View.extend({
template: "<a href='#'>Link</a>",
render: function() {
this.$el.html(this.template);
return this;
}
});
var HeaderView = Backbone.View.extend({
template: '<h3>Hello World!</h3>',
render: function() {
this.$el.html(this.template);
var linkView = new LinkView().render();
this.$el.append(linkView.$el);
return this;
}
});
var AppView = Backbone.View.extend({
template: "<div id='header'></div><div id='body'></div>",
render: function() {
this.$el.html(this.template);
var headerView = new HeaderView({
el: this.$('#header')
}).render();
return this;
}
});
var instance = new AppView({
el: '#app'
}).render();