Category Archives: Tutorials

Developing mobile apps with React Native in WebStorm

React Native allows you to develop native mobile apps for iOS and Android using JavaScript and React. It’s created by Facebook and used for such well-known apps as Instagram, Airbnb, and now JetBrains’ own YouTrack mobile app (which is open-source, … Continue reading

Posted in Tutorials | Tagged , , | 6 Comments

Using Flow in WebStorm

Flow is a static type system developed by Facebook. It introduces a syntax of type annotations for JavaScript and provides a type checking tool. Using types in your code allows Flow to catch more errors before you run the code, … Continue reading

Posted in Cool Feature, Tutorials | Tagged , | 6 Comments

Getting started with Electron in WebStorm

Electron allows you to build cross platform applications using only JavaScript, HTML and CSS (or ECMAScript 6, TypeScript, CoffeeScript or any language that compiles to JavaScript). It provides lots of native OS APIs for things like OS notifications or automatic updates. … Continue reading

Posted in Tutorials | Tagged , | 33 Comments

Angular 2 workflow in WebStorm

WebStorm is well-known for its AngularJS 1 support. WebStorm 2016.1 introduces lots of new exciting features in Angular 2 support. Combining that with support for the latest TypeScript and ECMAScript 6 (2015) features, WebStorm can be a great playground for … Continue reading

Posted in Cool Feature, Tutorials | Tagged , | 63 Comments

How to compile TypeScript in WebStorm

TypeScript is getting more and more popular recently, especially for Angular 2 projects. To help you quickly get started with a new TypeScript project, WebStorm offers a built-in TypeScript compiler that you can use instead of configuring some other build … Continue reading

Posted in Tutorials | Tagged | 27 Comments

Working with ReactJS in WebStorm: Linting, refactoring and compiling

We recently explored coding assistance that WebStorm provides for React and JSX. Now we would like to talk a bit about the tools in the React ecosystem. In this area it’s not easy to provide a complete overview as tools … Continue reading

Posted in Tutorials | Tagged , , | 12 Comments

Node.js coding assistance in WebStorm

In WebStorm 11 it’s now easier to start working with Node.js projects. Configuring coding assistance for Node.js To enable code assistance for Node.js core APIs (and that means you’ll get smart code completion, parameter info and navigation to source code), … Continue reading

Posted in Tutorials | Tagged | 20 Comments

Working with ReactJS in WebStorm: Coding Assistance

ReactJS is no doubt one of the trendiest JavaScript libraries released recently and as such is seeing wide adoption. React support was introduced in WebStorm 10 and has undergone continuous improvement since then. This post has been updated with some … Continue reading

Posted in Tutorials | Tagged , | 87 Comments

Debugging Webpack applications in WebStorm

Webpack is a module bundler. It allows you to build your modular application similarly to the way it is done with a combination of tools like Browserify and Gulp or Grunt. In this blog post we actually won’t dive into … Continue reading

Posted in Early Access Preview, Tutorials | Tagged , | 70 Comments

Maintaining Consistent Code Style

Code style matters. Having a consistent code style in your project should not be underestimated, as by making code more readable for all project contributors, it can save everyone’s time and even help you avoid some errors. Our goal is to … Continue reading

Posted in Tutorials | Tagged , , | 16 Comments