Latest Posts

How to send email using php

We are discussing how to send email using PHP in this article. In order to do this we are using PHP mail...

Create Your First React JS Application

ContentInstalling NPM (Node Package Manager)Installing create-react-app PackageCreate your react applicationInstalling packages and run your application In the previous...

What is React JS? Learn Fundamentals

ContentIntroduction to React JSKey features of React JSJSXVirtual DOMSummary Introduction to React JS React JS...

Web Development Basics

ContentWhat is Web DevelopmentWeb Development RolesWeb DesignerFront-End DeveloperBack-End DeveloperFull-Stack DeveloperWhat does a web developer do?AnalysisCode ReviewMentoringMaintenanceMeetingsDo you need a degree to...

Create Your First React JS Application

In the previous article I have discussed about what is React JS? How does it work and basic features of React JS etc.
You can find it here:

Let’s know how to create a new React JS application. It is quite simple and easy.

Installing NPM (Node Package Manager)

You need to install NPM in your computer. You can download it and install from the Official Website.

Once you have installed NPM make sure it by running following commands in your command line / terminal.

- Advertisement -
node --version

npm --version

Make sure your node version >= 8.10 and npm version >= 5.6.

Installing create-react-app Package

Once you have installed npm successfully, you have to install create-react-app package globally using npm. You can install by running following command in your terminal.

npm install -g create-react-app

Make sure the installation by running the following command in your terminal.

Create your react application

Let’s assume we are making a application named as hello-app. You can create it by running following in your terminal.

- Advertisement -
npx create-react-app hello-app

This will create a directory hello-app and all the necessary files inside it.
( You don’t need to worry about npx. It will automatically installed with the node package).

Installing packages and run your application

Once you have created the application using 3 step, you need to go to the project directory using following command.

cd hello-app

Now you need to install all the dependencies using following command.

npm install
- Advertisement -

This will take some time, depends on your network connection speed. After you are done with that you can run your application by following command (Make sure you are in the project directory).

npm start

This will start a virtual local server with a port (normaly 3000). Now you can check your react application in browser using the link:

http://localhost:3000 or http://127.0.0.1:3000

For the developing part I recommend you to use WebStorm IDE. You can also use VSCODE also.

Latest Posts

How to send email using php

We are discussing how to send email using PHP in this article. In order to do this we are using PHP mail...

Create Your First React JS Application

ContentInstalling NPM (Node Package Manager)Installing create-react-app PackageCreate your react applicationInstalling packages and run your application In the previous...

What is React JS? Learn Fundamentals

ContentIntroduction to React JSKey features of React JSJSXVirtual DOMSummary Introduction to React JS React JS...

Web Development Basics

ContentWhat is Web DevelopmentWeb Development RolesWeb DesignerFront-End DeveloperBack-End DeveloperFull-Stack DeveloperWhat does a web developer do?AnalysisCode ReviewMentoringMaintenanceMeetingsDo you need a degree to...

Don't Miss

Stay in touch

To be updated with all the latest news, offers and special announcements.