Feature request -> Intellij IDE plugin for JSX

[donjaime]

Been using JSX for about a year for our project, and it has been great so far. But IDE support for things like TypeScript have made it increasingly appealing to switch in orderer to keep high developer productivity as the codebase gets larger.

Was curious if anyone had plans to deliver proper IDE support in something like IntelliJ. JSX's static typing should make very amenable to really spectacular IDE support, which might arguably have a much bigger impact on productivity than continued language changes or compiler optimizations.

I realize that the team is busy and might not have available bandwidth to work on such a thing. But I figured I would ask anyways.

http://confluence.jetbrains.com/display/IDEADEV/Developing+Custom+Language+Plugins+for+IntelliJ+IDEA

Thanks!

[kazuho]

Thank you for using JSX!

Talking of editors in general, there are bindings for Emacs (https://github.com/jsx/jsx-mode.el) and Vim (https://github.com/jsx/jsx.vim), and the JSX compiler has a special mode for supporting editors - it is capable of returning automatic-completion candidates. IIRC both of the bindings support the mode, although it is still in alpha-quality.

Unfortunately AFAIK nobody is working on adding JSX support to IDEs.

[slorber]

it would be great to have it as a plugin Jetbrains IDEs.
I guess one plugin could be used in many Jetbrains IDEs like Intellij, PyCharms, WebStorm, ReSharper, PhpStorm, RubyMine... so it's worth it.

[kazuho]

👍

I agree that if we are to support an editor (or an IDE) it should be IntelliJ IDEA (eclipse seems to be loosing attention of the users).

Now that we have a standardized way to define project settings (i.e. package.json) it is just a matter of implementing the plugin :-) (the barrier of developing an IDE plugin (except for writing the plugin itself) was that we would need a standardized project layout for JSX (i.e. define a way to specify include paths, compile options, etc.))

[erikras]

👍

[davidcroda]

You guys might want to vote here as well. I got the link from the WebStorm twitter account http://youtrack.jetbrains.com/issue/WEB-10136

[gfx]

@davidcroda Unfortunately that JSX is "Facebook JSX", while this JSX is "DeNA JSX" :(

[davidcroda]

Oops, sorry guys. Google fail =/

[pboling]

+1

[13h3r]

+1

[uditalias]

+1

[jgis]

WebStorm 9 supports React/JSX: https://www.jetbrains.com/webstorm/whatsnew/#react

[sslash]

+1

[bpatters]

+100. Having to switch between web storm (which isn't that great either for jsx, no code formatting!" and intellij idea is a pain in the butt for us full stack developers.

[moduscreate]

Maybe this should be done by Jetbrains?

[davidrenne]

Yes it should be done by jetbrains, but also there are open source plugins that others write and when you open up a JSX file it allows you to download.

So either way. But a +1 for sure. So far at least the JSX files show no parse errors when I map jsx as javascript files.

[ticofab]

+1

[gnashe]

+1

[bZichett]

+1

[forceoflight]

+1

[Rayraegah]

I build a lot of in house tools to support our use of JSX in sublime text IDE since early 2015; like syntax highlight, theme support for JSX specific keywords, esFormat (beautify), auto-complete snippets, hints and build tools in python.

Here's the Sublime Text language file if anyone's interested.

EDIT: Typescript syntax definitions can also be used