Category Archives: Tutorials

Your first unit test using Angular CLI, Karma and WebStorm

This is a guest blog post prepared by Pete Heard. Pete is a full-stack JavaScript developer who has spent over a decade learning to craft robust software using Test Driven Development and advanced Object Oriented Design. He is the founder … Continue reading

Posted in Tutorials | Tagged , , | 3 Comments

Debugging Angular apps created with Angular CLI in WebStorm

Angular CLI can help us bootstrap a new Angular app with a ready to useTypeScript and Webpack configuration. In this post we’ll see how to debug such apps in WebStorm. If you have never used JavaScript debugger in WebStorm before, we recommend … Continue reading

Posted in Tutorials | Tagged , , , | 5 Comments

Debugging React apps created with Create React App in WebStorm

With Create React App you can quickly bootstrap a new React project. And you don’t have to configure anything to get the app running – it comes with the preconfigured dev environment that uses Webpack, Babel, ESLint and other tools. In … Continue reading

Posted in Tutorials | Tagged , , | 27 Comments

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 , , | 22 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 , | 23 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 , | 56 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 , , | 73 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 | 22 Comments