The most conventient way to set up your React development environment is via NodeJS, go download the latest stable release.

Also known as the VS Code, it is one of the most widely used Integrated Development Environment (IDE). For the sake of coding efficiency, it is highly recommended to use VS Code for developing React applications. VS Code provides many powerful editor features and amazing extensions out of the box, which can greatly boost your speed of coding.

After you have installed the VS Code, it is time to install some helpful extensions to make your coding journey MUCH easier!

Open VS Code, there is a tab called the Extensions in the left bar. You can use the search bar here to search for extensions that you need.

Install this extension to format your code automagically.

After that, go to Settings and search for the keyword format. Then select Prettier as your default formatter and turn on the Format On Save option. Once you have done that, every time you write some code, you can hold Ctrl + S (Windows) or Command + X (Mac), then VS Code will format the code for you.

Install this extension so that you can find matching brackets in your code easily.

This is optional, it prepends a material icon for each filename shown in the Explorer tab in VS Code.