Setting up a React.js project with simple steps

Step one you want install node.js in your system

What is node.js ?

1. Node.js is an open source, cross-platform runtime server environment for developing server-side and networking applications.
2. Node.js applications are written in javascript.

Let’s install node.js in your system with terminal

Note: This command is for Linux based OS Debian and Ubuntu.

If you have different OS then please visit the official site of node.js and select the OS you have and go through the installation process.And then come back here.

Open Terminal in your system and run the commands below:

For Node.js 9.x:

To verify that the installation is successful, then you can check the node.js version :

This command give you node.js version details something like this below:

When you installed node.js, npm is automatically installed.

So, the question is arising in your mind what is npm right?

1. Npm is stand for node package manger.
2. Npm is a package manager for Node.js packages.
3. A package in Node.js contains all the files you need for a module.
4. Modules are JavaScript libraries you can include in your project.

To ensure that npm is installed in your system then run the command below:

This command give you npm version details something like this below:

Step one is completed node.js is installed in your system and npm is also. If you having an error please follow the first step again and carefully follow the instructions given above.

Then, take one step towards the second step that one is easy much!!

Step two install react application in your system.

The is the easiest way to get started on a new React project is by using this simple method.

So let’s start by running the command in your terminal below:

This command will install create-react-app globally in your system, after running this command successfully then you can create react project in your system and named the project name with your choice by running the command below:

This command will take few’s minutes to complete after completed the all of the processes then you can change the current directory to the react project directory by running the command below:

After running this command now you are on the react app directory,then start react app in your local environment by running this command:

After running the npm start command your react app will be run in the default browser of your system on http://localhost:3000

And your react app will look like this in your browser, see below:

And your folder structure should look like this:

Then finally this is your react app looked like this in your system.Then start coding in your src/App.js file.

And thank you for reading this article if you like it then share it, with your friends and enemies. And I will be writing more about react.js, stay connected with me.