Best editors for ReactJS Development.

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

Atom

Install atom packages

• linter
• linter-eslint
• linter-stylelint
• react

apm install linter linter-eslint react linter-stylelint

Install local npm packages

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

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

You may need to restart atom for changes to take effect

SublimeText

Install SublimeText packages
Easiest with Package Control and then "Package Control: Install Package" (Ctrl+Shift+P)

• Babel
• Sublime-linter
• SublimeLinter-contrib-eslint
• SublimeLinter-contrib-stylelint

You can also use SublimeLinter-contrib-eslint_d for faster linting.

Set Babel as default syntax for a particular extension:

• Open a file with that extension,
• Select View from the menu,
• Then Syntax -> Open all with current extension as... -> Babel -> JavaScript (Babel).
• Repeat this for each extension (e.g.: .js and .jsx).

Install local npm packages

npm install eslint@latest
npm install babel-eslint@latest
npm install eslint-plugin-react
npm install stylelint