WebStorm 2020.1 Beta: More Flexible Run Configuration Sharing, Improved React Support, and Simplified Commit Rebasing Process

Posted on by Ekaterina Ryabukha

Our Early Access Program is coming to its end, and we’re happy to announce that WebStorm 2020.1 Beta is now available! To catch up on what has already been implemented in v2020.1, check out our previous EAP blog posts.

The Toolbox App is the easiest way to get the EAP builds and keep both your stable WebStorm version and any EAP versions up to date. Or you can download the EAP builds from our website. You can also choose to be notified right from the IDE when a new EAP build is available: go to Preferences/Settings | Appearance & Behavior | System Settings | Updates and select Automatically check updates for Early Access Program.

DOWNLOAD WEBSTORM 2020.1 EAP

Important! WebStorm EAP builds are not fully tested and might be unstable.

Here are some of the highlights of WebStorm 2020.1 EAP Beta (build 201.6487.16). For the full list of issues fixed in this update, see the release notes.

More flexibility when sharing run configurations

To make work with your project easier for your team members, you can share the run configuration you used for that project with them. This way, they’ll be able to run the project code using the same configuration settings regardless of what operating systems they are on.

In v2019.3 and earlier, you could achieve that by selecting the Share through VCS option in the settings for each run configuration. With this checkbox ticked, WebStorm would save the desired run configuration in the .idea folder and make it available to other team members if you then committed the related files to VCS. This approach didn’t always work because users often have the .idea folder added to .gitignore.

In WebStorm 2020.1, you’ll get more control over your run configurations as you can now store them in any project folder of your choice. For this, tick the new Store as project file checkbox and specify the path to the folder where you want to store the*.run.xml file with the selected run configuration.

run-configuration-in-webstorm-2020-1

Bear in mind that if you want to share your run configurations with those who use the IDE version earlier than 2020.1, we recommend choosing the default .idea/runConfigurations folder to avoid any compatibility issues.

Improvements to React support

WebStorm 2020.1 enhances its React support. First, the IDE will now suggest adding import statements for components defined via React.memo if you place the caret on those components and press Alt+Enter. It will also add them automatically when typing as it does for any other symbols.

insert-import-for-react-memo-components

Second, if you’re using Material-UI components in your project, you can now expect to see proper completion suggestions when creating styles.

material-ui-completion-react

Reworked dialog for rebasing commits

The Interactively Rebase from Here action, which is available under the Log tab of the Git (or Version Control in v2019.3) tool window, allows you to edit, combine, and remove previous commits. This helps make your commit history more linear and comprehensible.

In WebStorm 2020.1, you’ll find a reworked, more interactive version of the Rebasing Commits dialog that opens when you click the Interactively Rebase from Here action.

interactive-rebase-from-here-action

The updated dialog displays the actions that can be applied to each commit. It also shows the commit details and lets you see the diff and quickly reset the applied changes.

rebasing-commits-dialog

Those are the most notable highlights. Please report any issues on our issue tracker, and stay tuned for next week’s update!

The WebStorm team

Comments below can no longer be edited.

8 Responses to WebStorm 2020.1 Beta: More Flexible Run Configuration Sharing, Improved React Support, and Simplified Commit Rebasing Process

  1. Erik ortiz says:

    March 24, 2020

    When do you will provide official #svelte support like you do with reactjs?

  2. Sam Blowes says:

    March 24, 2020

    Did the ESLint improvements get removed from the plan?

    • Ekaterina Ryabukha says:

      March 24, 2020

      Hello Sam,

      Unfortunately, we didn’t have enough time to add ESLint improvements to WebStorm 2020.1, however, we still plan to implement them in one of the 2020.1 bug-fix updates.

  3. Asrael says:

    March 26, 2020

    Is it planned to have better Polymer 3/Web Component support, like autocompletion, detecting custom components?

    • Ekaterina Ryabukha says:

      March 26, 2020

      Hello,

      Unfortunately, it’s not on our roadmap at the moment. Please vote for this issue if you haven’t done it yet to raise its priority and be notified of updates: https://youtrack.jetbrains.com/issue/WEB-23787. Sorry for the inconvenience!

  4. Mikhail Korotkov says:

    April 5, 2020

    any improvements on typrescript monorepo support?

    • Ekaterina Ryabukha says:

      April 6, 2020

      Hello Mikhail,

      Could you kindly clarify what exactly you’d like to be improved in this area?