Auto import is one of the most-used features in WebStorm because, as its name suggests, it just works automatically and adds required imports as you write your code. (more…)

The recording from the React + TypeScript + TDD in WebStorm, Part 2 webinar is now available on the JetBrains YouTube channel! (more…)

Join us Tuesday, December 10th, 6:00 PM – 7:00 PM CET (12:00 – 1:00 PM EST) for our free live webinar React + TypeScript + TDD in WebStorm, Part 2, featuring Paul Everitt. (more…)

The recording from the React + TypeScript + TDD in WebStorm, Part 1 webinar is now available on the JetBrains YouTube channel! (more…)

Join us Tuesday, November 19th, 6:00 PM – 7:00 PM CET (12:00 – 1:00 PM EST) for our free live webinar React + TypeScript + TDD in WebStorm, Part 1, featuring Paul Everitt. (more…)

WebStorm 2019.3 Early Preview build #5 is now available! If you’re unfamiliar with our Early Access Program or if you want to catch up on all the new features, check out the 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 get 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 Ea

There are several things WebStorm can do to help you find potential problems in your JavaScript code and improve its quality. First, there are dozens of smart built-in inspections that check your code as you type and offer various quick-fixes for the problems they detect. Second, you can see warnings and errors from linters like ESLint right in the editor. Third, you can use Flow in your project. One more option that we’re going to talk about in this blog post is using TypeScript for checking your JavaScript code. TypeScript is a superset of JavaScript (more precisely, of its latest s

This is part 4 of a 4 part article on how to program in TypeScript using object-oriented techniques. If you are just starting with TypeScript and WebStorm, see our blog post on Getting Started with TypeScript. Implement polymorphism in TypeScript When multiple classes inherit from a parent and override the same functionality, the result is polymorphism. Each of those child classes now implements a property or method, but they each may have their own way of performing that implementation. For example, both business and personal checking accounts can inherit from a parent checking account.

This is part 3 of a 4 part article on how to program in TypeScript using object-oriented techniques. If you are just starting with TypeScript and WebStorm, see our blog post on Getting Started with TypeScript. Implement encapsulation in TypeScript A key aspect of object-oriented programming, encapsulation enables you to perform what’s called “data hiding”. It’s necessary to hide certain data so that it’s not changed accidentally or purposefully by other components or code in the program. For example, you don’t want any code from outside of the CheckingAccount class calling its private method

WebStorm 2019.1 Early Preview build #6 is now available! If you’re unfamiliar with our Early Access Program or if you want to catch up on all the new features, check out the previous EAP blog posts. Toolbox App is the easiest way to get EAP builds. You can also get notified right from the IDE when a new EAP build is available: go to Preferences | Appearance & Behavior | System Settings | Updates and select “Automatically check updates for Early Access Program”. DOWNLOAD WEBSTORM 2019.1 EAP Important! WebStorm EAP builds are not fully tested and might be unstable. Here are some o

This is part 2 of a 4 part article on how to program in TypeScript using object-oriented techniques. If you are just starting with TypeScript and WebStorm, see our blog post on Getting Started with TypeScript. Implement abstraction in TypeScript Abstraction is a way to model objects in a system that creates a separation of duties between class or type and the code that inherits it. It’s also a way to enforce a concept called contract based development, as you’ll see in this post. A developer creates a type, i.e., a class or interface, and that type specifies what the calling code should impl

This is part 1 of a 4 part article on how to program in TypeScript using object-oriented techniques. If you’re new to TypeScript, see Get Started Developing TypeScript Apps with WebStorm and the TypeScript docs. While types are often hailed as the premiere feature of TypeScript, being able to write object-oriented code in ways that are similar to other mainstream languages such as C# or Java is a very important facet of the language. (more…)

We are again opening our Early Access Program – this time for WebStorm 2019.1! This means that every week, all the way through to the end of March (that’s when a stable release of v2019.1 is coming), there’s going to be a new EAP build that you can use to try out the latest features and improvements. Toolbox App is the easiest way to get the EAP builds and keep both the stable and EAP versions up to date. Of course, you can also download the EAP builds from our website. Download WebStorm 2019.1 EAP If you’re not yet familiar with our Early Access Programs, here are the basics you should k

TypeScript Language Overview TypeScript is a superset of JavaScript that contains features that make it easier to write and maintain than standard JavaScript. Types are at the heart of TypeScript, and it performs type checking when compiling to JavaScript. While JavaScript does contain a few primitive types, its type system is loosely typed, and types are inferred by their usage. Developers are free to change the data type of variables during a program’s execution. This might sound easy, and it is - an easy way to get into trouble! This is especially true if some data is accepted from

⭐️WebStorm 2018.3 is now here!⭐️ WebStorm 2018.3 brings lots of exciting new features and enhancements across the board. Much-improved Angular support, GitHub Pull Requests, debug for Node.js worker threads, and lots more await! Explore the top new features and download WebStorm 2018.3 on our website. In this blog post we would like to share with you the detailed release notes for the WebStorm 2018.3 update. They are compiled from the EAP blog posts that we've been publishing here for the past two months. Here are the features and improvements grouped by the WebStorm subsystems:

WebStorm 2018.3 Early Preview build #6 is now available! If you’re unfamiliar with our Early Access Program or if you want to catch up on all the new features, check out the previous EAP blog posts. Toolbox App is the easiest way to get EAP builds. You can also get notified right from the IDE when a new EAP build is available: go to Preferences | Appearance & Behavior | System Settings | Updates and select “Automatically check updates for Early Access Program”. Download WebStorm 2018.3 EAP Important! WebStorm EAP builds are not fully tested and might be unstable. Here are some o

WebStorm 2018.3 Early Preview build #5 is now available! If you’re unfamiliar with our Early Access Program or if you want to catch up on all the new features, check out the previous EAP blog posts. Toolbox App is the easiest way to get EAP builds. You can also get notified right from the IDE when a new EAP build is available: go to Preferences | Appearance & Behavior | System Settings | Updates and select “Automatically check updates for Early Access Program”. Download WebStorm 2018.3 EAP Important! WebStorm EAP builds are not fully tested and might be unstable. Without further

WebStorm 2018.2.2 is now available! You can install this update by using Toolbox App or the IDE, or by downloading WebStorm 2018.2 from our website. React Native improvements There's now code completion for properties in the standard React Native components: Add all missing TypeScript imports in the current file Now, if there is more than one missing unambiguous imports in your file, you can press Alt-Shift-Enter to add them all at once. Look for the blue import popup. If you have the auto import popup disabled, you can press Alt-Enter and then select the Add all unambiguous

WebStorm 2018.2.1, the first bug-fix update for the recently released WebStorm 2018.2 is now available! You can install this update using Toolbox App or the IDE or download WebStorm 2018.2 from our website. What's new: Auto imports now work better in projects that use lerna, yarn workspaces or TypeScript 3.0 project references (WEB-30212) The bundled TypeScript version was update to 3.0 (WEB-34144) "Surround selection on typing quote or brace" option is now on by default (WEB-33249) Support for the Nullish Coalescing proposal in JavaScript (WEB-32660) What's fixed: JavaS

A new WebStorm 2018.2 Early Preview build is now available! As we are getting closer and closer to the official release, there are fewer new features for us to announce. We are now mostly working on the final fixes and improvements. To see all the different features that have been added in WebStorm 2018.2 EAP, please visit this page. Toolbox App is the easiest way to get EAP builds. You can also get notifications right in the IDE when a new EAP build is available: simply go to Preferences | Appearance & Behavior | System Settings | Updates and select “Automatically check updates for