Add support fo JSX syntax and React components

[hason]

We could make a listener for the HTML5 tags that start with an upper-case letter. For example

<CommentList />

should be replaced with

<div className="commentList">
    <Comment author="Pete Hunt">This is one comment</Comment>
    <Comment author="Jordan Walke">This is *another* comment</Comment>
</div>

and <Comment> with

<div className="comment">
    <h2 className="commentAuthor">{{ author }}</h2>
    {{ ... }}
</div>

[goetas]

hm... looks an interesting idea... i tried years ago something similar using XSL transformations... it was a good period but rarely it worked in production without finding edge cases and developers that were not able to understand the concepts behind it..

JSP templates do something similar (more than 10 years ago)

[goetas]

The idea/problem is where to define the logic to transform Comment into the corresponding html code.
The approach I have used years ago was to create series of transformations using XSL and XSLTProcessor class, so each tag (not only uppercase tags) can be transformed into arbitrary code.

The problem at that time was that XSL is a really xml oriented language and does not work so well with html/html5 hacks and impurities.

Any idea where store the logic?