how-to-configure-text-editors.md

How to Configure Text Editors and IDEs for React.js

Tips and tricks on how to configure your favorite text editor or IDE to work with React.js/ES6+/JSX.

WebStorm

Create a new project based on React Starter Kit template

Make sure that JSX support is enabled in your project. This is set by default, if you create a new project based on React.js template.

Configure JavaScript libraries for auto-complete

Enable ESLint support

Enable CSSComb by installing CSSReorder plug-in

Atom

Install atom packages

• linter
• linter-eslint
• react

apm install linter linter-eslint react

Install local npm packages

• eslint
• babel-eslint
• eslint-plugin-react

npm install --save-dev eslint babel-eslint eslint-plugin-react

You may need to restart atom for changes to take effect

SublimeText

Coming soon.