Flash Sale:75% Off Hosting + Free DomainEnds in13h47m14sView Plans
Hostvento logoHostvento

Install ReactJS on Windows

Install Node.js, create a React app and start the development server.

Windows Hosting1 min read4 steps10 screenshots

Step 1: Download Node.js

Open nodejs.org and download the Windows installer (LTS).

Downloading Node.js

Step 2: Install Node.js

  1. Run the installer and click Next.
    The Node.js setup wizard
  2. Accept the license agreement.
    The license agreement
  3. Keep the default folder and the components, including npm package manager and Add to PATH.
    The npm component
    The Node.js setup options
  4. Click Install, then Finish.
    Installing Node.js

Step 3: Check Node.js and npm

Open a new Command Prompt:

node -v
npm -v
The Node.js and npm versions

Step 4: Create a React app

The tool create-react-app is no longer advised by the React team. A modern way is Vite:

npm create vite@latest my-app -- --template react
cd my-app
npm install
Creating the React app

The older way, which still works:

npm install -g create-react-app
npx create-react-app my-app
Installing create-react-app

Step 5: Start the app

With Vite:

npm run dev

With create-react-app:

cd my-app
npm start
The React application is running

Open the address that the terminal shows (http://localhost:5173 for Vite, http://localhost:3000 for create-react-app). You see the React start page.

The development build is not optimized. When you are ready to publish, make a production build with npm run build.

Quick recap

  • Install Node.js LTS.
  • Create the app with Vite (npm create vite@latest).
  • Run it with npm run dev.