Hacker News Reader

I think your comment just proves the point of the original post. Your examples are still not good enough for me in terms of syntax and real work with html guys (specifically, <If><Else> has some quirks). I've gone through these things, and the pain&negativity about Angular 1 which translates to negativity to all template engines was also mentioned in the post.

View on HN

JSX is awesome. It's just JavaScript, you can do whatever you want...

return ( <Foo> { selected ? <Bar /> : null } </Foo> );

or

let children = []; if (selected) children.push(<Bar />); if (blah) children.push(<Blah />); return ( <Foo> { children } </Foo> );

or

const bar = selected ? <Bar /> : null; return ( <Foo> { bar } </Foo> );

Our Perl5 CGI.pm codebase used to look like that (html + logic). Fortunately we switched it over to Mojolicious and it became manageable. Not going back there thank you.

Reply on news.ycombinator.com