There are various ways to bootstrap a react project locally. Vite is the most widely used one today.

Vite

Ref - https://vite.dev/guide/

Vite (French word for "quick", pronounced /vit/, like "veet") is a build tool that aims to provide a faster and leaner development experience for modern web projects. It consists of two major parts:

• A dev server that provides rich feature enhancements over native ES modules, for example extremely fast Hot Module Replacement (HMR).
• A build command that bundles your code with Rollup, pre-configured to output highly optimized static assets for production.

Intializing a react project

npm create vite@latest

WLS problem to fix hot reload

In vite.config.js file

import { defineConfig } from 'vite';
import react from '@vitejs/plugin-react';

export default defineConfig({
  plugins: [react()],
  server:{
  hmr:true,
    watch:{
      usePolling:true,
      interval: 1000
    }
  }
});

2. Components