IDE for React JS

IDE for React JS

- IDE means integrated development environment. It is a software suite that consolidates the basic tools developers need to write and test software. 

- An IDE normally consists of a source code editor, build automation tools, and a debugger. Most modern IDEs have intelligent code completion.

- Most modern IDE's have intelligent code compilation.

Few IDE's for React JS

1. Atom
It is a hackable, free and open-source text and source code editor for macOS, Linux, and Microsoft Windows with support for plug-ins written in Node.js, and embedded Git Control, developed by GitHub.

2. Visual Studio Code
- It is a source code editor developed by Microsoft for Windows, Linux and OS X.

- It includes support for debugging, embedded Git control, syntax highlighting, snippets, intelligent code completion and code refactoring. 

- It is customizable so users can change the editor's theme, keyboard shortcuts, and preferences.

- It is free and open-source.

3. WebStorm
- It is a powerful IDE for modern JavaScript development perfectly equipped for complex client-side development and server-side development with Node.js. WebStorm is built on top of the open-source IntelliJ Platform. 
- Its features include Intelligent Coding Assistance
Support for Latest Technologies, Version Control System, Seamless Tool Integration, Debugging, Tracing and Testing, Built in Terminal.  

- Its trial version is available for 30 days and later we need to obtain and register a license.

For my React application I am using Visual Studio Code because of its features and open-source benefit. 

# Visual Studio Code  Installation

1. Visual Studio Code Download Link  : https://code.visualstudio.com/download

2. Complete Code Installation

3. Right click and open the react project directory which we have previously created through Visual Studio Code by selecting Open with Code.