IntellIJ IDEA 2016.3 EAP: JavaScript, TypeScript, React and Angular and More

Andrey Cheptsov

Although recently we’ve been posting a lot about IntelliJ IDEA 2016.3 EAP and new features it brings, we did very little mention of JavaScript and companions. Well, it’s time to correct this oversight because the WebStorm wasn’t just sitting there all this time, and since IntelliJ IDEA and WebStorm share the common platform, here’s what they contributed.

ECMAScript 6

For ECMAScript 6, we now have better support for destructuring assignments:

Also, the Find usages and Show usages actions have been extended to support default-exported functions and classes:

Angular 2

Coding assistance for Angular 2 templates is now more precise and aware of available types:

Set of the Live Templates has been updated to comply with John Papa’s recommendations.

React

The Project Wizard got an option to create new React projects with Create React App:

Before using this option, make sure that you have create-react-app installed and globally available on your computer (“npm install -g create-react-app”).

Stylelint

Stylelint, a code quality tool for stylesheets is now integrated so that you can see errors reported by it right in the editor:

You can install Stylelint via NPM, then add the .stylelintrc file and enable the integration via PreferencesLanguages & FrameworksStylesheetsStylelint.

TypeScript

TypeScript support is improved with a new inspection that warns you when an import statement can be shortened, and provides a quick-fix to do that:

Generated JavaScript files are now automatically excluded and don’t appear in code completion, search results, and other places they don’t belong.

All these improvements are already available in the latest IntelliJ IDEA 2016.3 EAP build. Give them a try and share your feedback with us via our issue tracker.

Also, make sure you’ve seen the IntelliJ IDEA 2016.3 EAP announcement (where we mentioned the improvements concerning Flow, PostCSS and TypeScript refactorings).

Develop with Pleasure!

Comments below can no longer be edited.

4 Responses to IntellIJ IDEA 2016.3 EAP: JavaScript, TypeScript, React and Angular and More

  1. po says:

    October 14, 2016

    The question is easy. When ? When will be 2015.3 ? 🙂

    thanks for very good work
    Cheers.

  2. 刘甜甜 says:

    November 16, 2016

    Even with EAP, nothing better will happen about react-native. intellij just can not understand the imports of the react-native demo.

    I have installed Nodejs plugin and react and react-native library, enabled React JSX.

    If you planed to support react-native, be fast, be simple, like java and normal js.

    • Andrey Cheptsov says:

      November 16, 2016

      Can you please elaborate on the problems you have (ideally a way to reproduce it on our side)?

  3. Serhiy says:

    December 1, 2016

    2016.3 Typescript cannot resolve file import

    import * as JK from “../../jk/jk”;

    Folder contains jk.ts and jk.d.ts.
    I think the problem is in the file names conflict.
    In 2016.2 works perfectly.

Subscribe

Subscribe for updates