JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://raw.github.com/leonidas/transparency/master/dist/transparency.min.js"></script>
<div class="template">
  <a class="my-item"></a>
  <p class="my-desc"></p>  
</div>

JavaScript

$(document).ready(function() {

  data = {
    link: "http://opensourcehacker.com",
    title: "Open Source Hacker",
    desc: "<b>Hacking</b> is just another <i>service</i> I offer"
    };

  directives = {
    'my-item': { 
          href: function() { return this.link; },
          text : function() { return this.title; }
     },
    'my-desc': {
          html: function() { return this.desc; }
     }
  };

  $(".template").render(data, directives);
});