JSFiddle - React, Tailwind, and code Playground

by marionettejs

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.2/jquery.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.3.2/backbone-min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.radio/2.0.0-pre.2/backbone.radio.js"></script>
<script src="https://rawgit.com/marionettejs/backbone.marionette/next/lib/backbone.marionette.js"></script>
<div id="root-container">
</div>

JavaScript

const customData = {
  title: 'MarionetteJS',
  description: 'I\'m awesome!'
};

Mn.Renderer.render = function(template, data) {
	_.extend(data, customData);
  return template(data);
};

const myPrecompiledTemplate = _.template('<h1><%= title %></h1><p><%= description %></p>');

const MyView = Mn.View.extend({
	el: '#root-container',
  template: myPrecompiledTemplate
});

const myView = new MyView();
myView.render();