JSFiddle - React, Tailwind, and code Playground

by qfox

HTML

<script src="http://pure.github.io/pure/libs/pure.js"></script>
<div><h1 class="caption"></h1><span class="person"></span></div>

JavaScript

var data = {
  caption: "Cap",
  people: [ 'John', 'Malkovich', 'Doe' ]
}
var directive = {
  '.caption': function () {
    var v = this.caption;
    return v ? v + ': ' : '';
  },
  '.person': {
    'person<-people': {
      '.': function (p) {
        return p.item + (p.pos < p.length - 1 ? ', ' : '');
      }
    }
  }
};

$p('div').render(data, directive);