JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://127.0.0.1:8003/build/react.js"></script>

CSS

.tree {
    margin-left: 20px;
}

JavaScript

/** @jsx React.DOM */

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

var Tree = React.createClass({displayName: 'Tree',
    render: function() {
        var files = [];
        for (var file in this.props.tree) {
            var rec = this.props.tree[file];
            files.push(
                React.DOM.div( {className:"tree"}, 
                    file,
                    !isEmpty(rec) && Tree( {tree:rec} )
                )
            );
        }
        return React.DOM.div(null, files);
    }
});



var files =...