Comment for this post
I've spent last year with React. And all the time I feel like I'm cheating. Facebook created something new by breaking some established principles. It gave us nice basis for further research and development. I see that there are many new libraries that inspired by React, and they are very promising.
Please don't use JSX! Just compare it with hyperscript (or JSnoX)
JSX have only one advantage - HTML-coder (designer?) shouldn't spend 10 minutes to learn hyperscript. Also it makes difficult to copy-paste HTML, but I see it as advantage.
Yes, sudden span can break something.
But you shouldn't use styles on spans.
If you do, you'll have the problems not only with React.
As workaround this code
<span>foo {'bar'} {'baz'}</span>can be replaced with (you can do it with JSX, but as I encouraged to use JS):
h('span', null, 'foo ' + 'bar' + ' ' + 'baz')Just use JSnoX. And there will be no questions like this. JSX is simple, but I found that it creates a lot more questions.
Also JS doesn't force you to compile code. So you can just use React as any another js-library.
No setup, no build time, etc.
Don't render entire page with React.
If you do that, it means that your entire page should be controlled only with React.
You will have troubles with all libraries and plugines that adds something to body.
Modules for modals, notifications, feedback plugins, browser extensions, etc..
You shouldn't fight with something that can be easy avoided.
Keep everything in its own places, isolated, simple.
There is one case in which you can want HTML comments - <!--[if lte IE 8]>.
But if you will follow my previous advice, probably you will have this comments outside of React.
That's the bad part. Can't get why developers of React think that I'm so stupid.
I think this problem relates to any isomorphic code.