JSX Fragment Syntax Support

[clemmy]

JSX has official fragment syntax (facebook/jsx#93)! Can we add support for that when JSX is enabled? I'd be happy to make a PR for this if someone can point me in the right direction. 🙂

[not-an-aardvark]

Thanks for creating an issue. I think this would be implemented by adding support to acorn-jsx, which is used by espree, ESLint's default parser.

Separately, we would also need to upgrade espree to the latest version of acorn-jsx in order for the change to take effect. This isn't a big problem, but it is nontrivial (see eslint/espree#345).

[not-an-aardvark]

Actually, it seems like JSX fragments have already been added to acorn-jsx in acornjs/acorn-jsx@1a71881, so we would just need to upgrade acorn-jsx in espree to support them.

[mysticatea]

As far as I know, upgrading acorn-jsx has a breaking change about JSXText node. This might need to wait for the next major version of ESLint.

[not-an-aardvark]

In eslint/espree#345, there was some discussion about adding an option to Espree to avoid the breaking change in acorn-jsx.

[chucksellick]

The fragment syntax is working for me with Babel 7 beta 3, however using fragments is triggering eslint's quotes rule ("Strings must use doublequote").

[Mati365]

@chucksellick +1, same here

[ackvf]

Any news?

[marbiano]

Why was this issue closed? I see no solution, and it's not working for me with latest eslint.

[vladshcherbin]

@mbavio I think it's in the latest version (v5 alpha/rc). Did you try them?

[marbiano]

@vladshcherbin yup, it works now, thanks!