Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

ReactJS/JSX support in Netbeans IDE

I've just downloaded Netbeans 8.1 for PHP. Based on https://netbeans.org/bugzilla/show_bug.cgi?id=250288 , it appears that there is no native ReactJS/JSX support. Is anyone using this for react. Are there any workarounds? I'm been using Netbeans for years and would hate to have to move to a different IDE.

like image 341
user1592380 Avatar asked Dec 17 '15 18:12

user1592380


People also ask

Does NetBeans support react JS?

Based on https://netbeans.org/bugzilla/show_bug.cgi?id=250288 , it appears that there is no native ReactJS/JSX support.

Which platform is used for React JS?

React Developers Tools React Developer Tools is an open-source React JS library that enables you to examine a React tree, including props, component hierarchy, state and more. Even you can observe how component influences other components. This react tool is available in Firefox and Chrome.


2 Answers

Well, i'm a Netbeans user too, but because of needs like this, i've switched myself from Netbeans to Sublime (first) and now to Atom for Frontend development and honestly, the workflow is great. I use ReactJS, AngularJS and VueJS, and for all of this Atom fits my needs.

Atom uses packages (like plugins) to support all of this, here's what i use for React:

  • Atom (https://atom.io/)
  • React Package (https://atom.io/packages/react)

The package adds:

  • Syntax highlighting
  • Snippets
  • Automatic indentation and folding
  • JSX Reformatting
  • HTML to JSX conversion
  • Autocomplete

Something important to remember is that sometimes Atom uses the wrong syntax highlight for some reason, so, in JSX files just click in the bottom right corner (next to the encoding) and you can select your filetype there (for ReactJS, should be Javascript(JSX)) and everything should be fine :)

I invite you to try it, its a great experience and for backend development (in my case, PHP) Netbeans is way better, from a lot of benefits that in frontend you might not need (the most to me is think is "Go to declaration", which in frontend i don't have/need).

If you want to know what other packages i use that might help you in frontend development just let me know and i'll update this post :)

Good luck!

like image 192
Javis Perez Avatar answered Sep 22 '22 18:09

Javis Perez


Try this: https://blogs.oracle.com/geertjan/entry/react_js_and_netbeans_ide1

It's still in early development but it should do the job.

like image 41
NicolasBernier Avatar answered Sep 18 '22 18:09

NicolasBernier