REACT ROUTING

1. WHAT IS ROUTING?

Routing means:

Moving between different pages in a React app without reloading the browser

Real-life example:

Think of a website like a house:

• / → Living room (Home page)
• /about → Bedroom (About page)
• /contact → Kitchen (Contact page)

In normal websites:
Every room change = full house rebuild (page reload)

In React:
You just walk between rooms (NO reload)

Without Routing:

• Page refresh every time
• Slow experience
• Not modern UX

With Routing:

• Instant page switch
• Smooth UI
• Like Netflix / Instagram / Gmail

2. INSTALLATION

Step 1: Create React App (Vite)

Note : Select React as framework and and variant as Javascript

npm create vite@latest react-routing-demo
cd react-routing-demo
npm install
npm run dev

Step 2: Install Router