X

Geertjan's Blog

  • February 7, 2015

React.js and NetBeans IDE (Part 1)

Geertjan Wielenga
Product Manager

I tried some small experiments with React.js in NetBeans IDE today. It more or less works and NetBeans IDE is certainly a productive environment for React.js:

I set up JSX from the command line to watch my 'js' folder and push to the 'build' folder: 

From the above, it would appear that JSX is like SASS, i.e., it takes one file and generates another file from it, so creating support for it in NetBeans IDE it could be based on SASS integration in NetBeans IDE. 

In the Options window, I tweaked the Error category for JavaScript files so that red error lines aren't shown in the editor (the red error marks aren't a problem, though the red error lines make the code unusable) because the background of my Error category is more or less the same as the background of the editor: 

I'm looking into creating an editor that understands (no error messages) and supports (embeds HTML syntax coloring and code completion) for files that make use of React.js. 

Join the discussion

Comments ( 6 )
  • Thomas Sunday, February 8, 2015

    Awesome!

    Although I wonder when the different approaches (Angular, React, ...) converge to a webcomponents based framework it would be great if Netbeans could be used to develop react based applications.

    Some large projects (Netflix, Atom editor) seem to use react already in quite large production deployments.


  • Olivier Allouch Thursday, February 12, 2015

    Oh that would be awesome !


  • Olivier Allouch Friday, February 13, 2015

    I wouldn't mind being forced to use the jsx extension (instead of js), like suggested in http://facebook.github.io/react/docs/tooling-integration.html .

    I don't know...maybe you could create a new file type that would extend the JavaScript file type.


  • Lasse Tuesday, June 2, 2015

    I love my Netbeans so I wryly appreciate your work, Thanks! Missing to work with JSX in my favourite IDE editor.

    Vote for "Add JSX" here https://netbeans.org/bugzilla/show_bug.cgi?id=250778


  • Lasse Thursday, September 17, 2015

    Possible to use jshint.com for a part of it?


  • Lasse Wednesday, October 21, 2015

    Found this .....8.1 Release candidate is out and it seems to resolve this problem.... Fantastic! Geertjan, do you have any more information about this?

    Thanks


Please enter your name.Please provide a valid email address.Please enter a comment.CAPTCHA challenge response provided was incorrect. Please try again.