Early Access Program Features

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

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!

image description