React Environment Setup :

Method 1: Using create-react-app (CRA command)

    Method 1: Using create-react-app (CRA command)

    Step 1: Using create-react-app (CRA command)

    Step 2: In the terminal of the application directory type the following command

    npx create-react-app <<Application_Name>>

    Step 3: Navigate to the newly created folder using the command

    cd <<Application_Name>>

    npx create-react-app <<Application_Name>>

    Step 4: A default application will be created with the following project structure and dependencies  

    Application structure: It will install some packages by default which can be seen in the dependencies in package.json file as follows:

    "dependencies": {
    "@testing-library/jest-dom": "^5.17.0",
    "@testing-library/react": "^13.4.0",
    "@testing-library/user-event": "^13.5.0",
    "react": "^18.2.0",
    "react-dom": "^18.2.0",
    "react-scripts": "5.0.1",
    "web-vitals": "^2.1.4"
}

    Step 5: To run this application type the following command in terminal

    npm Start

    Step 6: The following output will be displayed in the browser

    Method 2: Using Vite build tool

    Step 1: Navigate to the folder where you want to create the project and open it in terminal

    Step 2: In the terminal of the application directory type the following command.

    npm  create  vite@latest   <<Application_name>>

    Step 3: Navigate to the newly created folder using the command.

    cd <<Application_name>>

    now, we can see the basic project structure show in below image.

    Step 4:Use the below command in terminal to install all required dependencies.

    npm install 
      OR
npm i

    Step 5: To run the application use the following command in terminal.

    npm run dev
    PreviousNext