React js tutorial - Make Simple Application

Let’s make a simple react js application. I am going to make a folder in the desktop called “React Simple”. because I am going to make our react application in this folder. So first of all let’s install react. let’s start “React js tutorial – Make Simple Application” article.

Open your command promt and make the path to your folder.

React js tutorial - Make Simple Application — Make path to the folder

After that we must install react to create an application.

After installing react, then create an application name.

create application name

After that do the following code as well.

After “npm start” you can see a window like this. (it will open with the web browser)

This is the application that we are created. This like a live previewer. It means when we change those codes, it will automatically change their changes. It means no need to refresh your browser.

First of introducing this window, go to you folder and you can open with Visual Code( download VS Code and you can refer the documentation ) or any kind of familiar software that is support to react js. Also you can use notepad or notepad++. For your support I will do the coding using Notepad++.

React js tutorial – Make Simple Application

“C:\Users\Asus\Desktop\React Simple\reactsimple\src” go to this location and open App.js file using notepad++.

I highlighted an area. In that area you can edit what you want. To get understand, you can delete that area and edit some text. So you can see the changes in the web browser that was loaded when we start our application.