X

Geertjan's Blog

  • January 22, 2016

React.js and NetBeans IDE (Part 2)

Geertjan Wielenga
Product Manager

Continuing from part 1 (almost a year later), I'm creating a simple plugin for NetBeans IDE to support React. Here's where it is found, anyone can join in:

https://github.com/GeertjanWielenga/React.js

Here's how it looks right now:

What the plugin is focused on is JSX editor support and compilation of JSX files to JavaScript.

I've been looking for a JSX tokenizer and grammar definition, e.g., via ANTLR. Not found one yet. Right now, reusing the JavaScript editor. Also, hardcoded (at the moment) is my path to JSX, working on an extension to the Options window to enable the user to set that. In the Project Properties dialog, there's a React section, where the "--watch" command of JSX is kicked off whenever a JSX file is saved.

Join the discussion

Comments ( 6 )
  • Antonio Gallo Friday, March 25, 2016

    Its pity that there is no support for JSX and Angular2 yet :-(

    Netbeans helped me a lot with Angular1/Ionic1 to discover bug easily.


  • guest Monday, May 2, 2016

    Cool! How can I integrate this in my 8.1 installation of netbeans? I only use php/html distribution ...


  • Chris Wednesday, June 29, 2016

    @Antonio Gallo of course you can use Angular2 if you use TypeScript. If not, you can try the Nightly build for NB 8.2 in this build there is ES6 Support and you can use Angular2 without TypeScript :). Of course JSX isn't supported yet :(


  • guest Thursday, November 17, 2016

    Dear Sir

    I am very new to React Js. How I can implement REACT js in Netbeans 8.1

    Thanking you

    Regards

    Kannan.S


  • Alexey Thursday, November 17, 2016

    1. How can I use npm with it?

    2. How can I use Webpack with it?

    3. Is there any separate project type for React?

    4. Are You planning to implement "React.js" tab in the Options dialog?

    5. I created Node.js project, then added JSX file to it and run "Compile JSX" (via right button mouse menu) - and nothing happened (although "React" tab opened in the Output area).

    Thank You.


  • grafity Monday, March 20, 2017

    I started my new project with vuejs and vuex.

    Since nowadays exist alternatives like vuejs.

    The sad thing is that Netbeans does not stand well working with this technology.

    Especially within the * .vue.

    I am a Netbeans use lover and I can not imagine using another IDE !!!


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