Step 1: Install Node.js

Before you begin the React set up method, you have to have Node.Js set up to your pc. If you do not realize what Node.Js is all approximately, you can study here.

You need to install Node.js first due to the fact React.Js is a JavaScript library, and Node.Js is a JavaScript runtime environment that lets in you to run JavaScript on the server aspect.

So while you're writing React, you consist of JavaScript functions on your React project, after which Node.Js facilitates run this JavaScript code at the internet web page.

To Install Node, navigate to the Node.Js website.

Once installation is whole, open your command prompt to verify that Node has been correctly installed. Type in node -v in your command prompt, then click the enter button.

This command must show the cutting-edge version of Node established in your pc.

Here is what it looks like:

Node version displayed in the command prompt

Step 2: Install React

First, we're going to examine the "traditional" manner of installing React, the usage of create-react-app (CRA), so that you're aware of that process.

Then we'll see a way to set up it the use of the modern Vite construct tool.

Using CRA:

Still to your command prompt window, navigate to the listing that you want to use in growing your React project.

To do that, type in cd [directory name] then click on enter.