JSFiddle - React, Tailwind, and code Playground

by understore

HTML

<script src="https://unpkg.com/understore@latest/dist/understore.min.js"></script>
<div class="target"></div>

<script type="text/template" class="example_component_template">
  <example_component>
    <span>{this.text}</span>
  </example_component>
</script>

CSS

example_component{display:block; font-size:40px;}

JavaScript

_.addItem({
		id : "example_component",
		template : document.querySelector(".example_component_template").innerHTML,
		target : document.querySelector(".target"),
		data : {text : "hello world"}
});