jsx

As addressed another issue in the reactJS repo JSX Control Statements like this are a nice approach to have JSX-HTML between something like a conditional or a loop, but it would be even better if JSX could support something like this natively as it is used in Ruby: in templates: so in JSX it could look like this:

The specification says "List of 252 character entity references defined in HTML4 standard" are allowed and links to at here for the list. The html4 list does not include , while xhtml/xml and html5 allow it. So I read the specification as disallowing . However the implementation used by the jsx demo does accept and renders it as .

It may be worth extending with a case for . In a way it's a bit weird as it is technically as if the comment in would actually work. But practically, I think it makes sense, commenting out JSXElements is currently quite unintuitive/hacky as you have to write: Note that comments actually affect (split) the children too, rather than being transparent. I'm proposing extending the syntax to support the following: As I mentioned, it is a bit weird in a way but still rather intuitive and useful, especially in the sense of having JSX feel like a true extension of JS and not just sugar. I think there is little to lose here; , and are unlikely to occur in text, if they do then HTML-entities or JS-escaping (#4) to the rescue. Or if you don't care about children (half-related #6, leading/tailing whitespace).