Testing jisp as react's JSX replacement

macro-prototype.jisp

(mac mknode name
  `(mac ,name ,attrs ,children
    `(fn ((get React.DOM name) ,attrs ,children))))
    
(mknode div)
(mknode ul)
(mknode p)
; ...

(= CommentBox (React.createClass
               (displayName: "CommentBox"
                render: (div (className: "commentBox")
                             "Hello, world! I am a CommentBox."))))

(React.renderComponent
 (CommentBox null)
 (document.getElementById "react-content"))

react-tutorial1-raw.jisp

(= CommentBox (React.createClass
               (displayName: "CommentBox"  
                render: (fn (React.DOM.div (className: "commentBox")
                                            "Hello, world! I am a CommentBox.")))))

(React.renderComponent
 (CommentBox null)
 (document.getElementById "react-content"))

react-tutorial1-raw.js

var CommentBox = React.createClass({displayName: 'CommentBox',
  render: function() {
    return (
      React.DOM.div({className: "commentBox"},
        "Hello, world! I am a CommentBox."
      )
    );
  }
});
React.renderComponent(
  CommentBox(null),
  document.getElementById('content')
);

react-tutorial1.jisp

(def mknode name
     (fn attrs children
          
          )))

(= div (mknode "div"))

(= CommentBox (React.createClass
               (displayName: "CommentBox"
                render: (div (className: "commentBox")
                             "Hello, world! I am a CommentBox."))))

(React.renderComponent
 (CommentBox null)
 (document.getElementById "react-content"))

react-tutorial1.js

var CommentBox = React.createClass({
  render: function() {
    return (
      <div className="commentBox">
        Hello, world! I am a CommentBox.
      </div>
    );
  }
});
React.renderComponent(
  <CommentBox />,
  document.getElementById('content')
);