JSFiddle - React, Tailwind, and code Playground

by vjeux

HTML

<script src="http://fb.me/JSXTransformer-0.9.0.js"></script>
<script src="http://fb.me/react-0.9.0.min.js"></script>
<script src="http://fb.me/react-js-fiddle-integration.js"></script>

CSS

.tree {
    margin-left: 20px;
}

JavaScript 1.7

/** @jsx React.DOM */

var isEmpty = function(obj) {
  for (var key in obj) {
    return false;
  }
  return true;
}

var TreeString = function(treeProps) {
    var files = '';
    for (var file in treeProps) {
       var rec = treeProps[file];
       files += '<div class="tree">' +
         '<input type="checkbox"></input>' +
         '<span>' + file + '</span>' + (!isEmpty(rec) ? TreeString(rec) : '') + 
         '</div>';
    }
    return '<div>' + files + '</div>';
}


var files =...