Search Result React w/ out JSX

by Jimmy Chandra

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/react/0.13.1/react-with-addons.js"></script>
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css">
<div id="pleaseWait">Please wait...</div>
<div id="container" class="container-fluid">
    
</div>

CSS

.progress { margin-bottom: 0 }

JavaScript

(function() {
    'use strict';
    
    var SearchResultContainer = React.createClass({displayName: "SearchResultContainer",
        componentWillMount: function() {
        },
        componentDidMount: function() {
        },
        render: function() {
            var searchResults = this.props.data.map(function(doc) {
                return (
                    React.createElement(SearchResultItem, {key: doc.number, data: doc})
                );
            });
        
            return (
                React.createElement("table", {className: "table table-condensed table-striped"}, 
                    React.createElement("thead", null, 
                        React.createElement("tr", null, 
                            React.createElement("th", null, "Filename"), 
                            React.createElement("th", null, "Doc. Type"), 
                            React.createElement("th", null, "Doc. #"), 
                            React.createElement("th", null, "Supplier"), 
                            React.createElement("th", {className: "text-right"}, "Doc. Date"), 
                            React.createElement("th", {className: "text-right"}, "Total Amount"), 
                            React.createElement("th", {className: "text-right"}, "Tax Amount"), 
                            React.createElement("th", {className: "text-right"}, "Received On"), 
                            React.createElement("th", {style: {width:'50px'}}, "Progress"), 
                            React.createElement("th", {className: "text-center"}, "Status"), 
                            React.createElement("th", {className: "text-right"}, "Action")
                        )
                    ), 
                    React.createElement("tbody", null, 
                        searchResults
                    )
                )
            );
        }
    });

    var SearchResultItem = React.createClass({displayName: "SearchResultItem",
        render:...