React Getting Started Guide

🔹 1. React Directly in HTML (For Learning / Demos)

This is the quickest way to start using React for learning purposes — no installation required.

📦 What You Need:

Just a browser and a text editor like VS Code.

🪜 Steps:

✅ Step 1: Create an HTML File

Create a file called index.html:

✅ Step 2: Open in Browser

Just double-click the file or open with Live Server in VS Code.

🔹 2. React for Production (Using Node.js + npm)

This is the recommended way for serious projects.

📦 What You Need:

• Node.js (comes with npm)
• A terminal
• A code editor (like VS Code)

🔄 Install Node.js

Go to: https://nodejs.org and install the LTS version.

Then check installation in your terminal:

⚙️ Option A: Using Vite (Fastest Modern Setup)

🪜 Steps:

✅ Step 1: Create a Vite Project

✅ Step 2: Install dependencies

✅ Step 3: Start the development server

🟢 Open the browser and go to http://localhost:5173

⚙️ Option B: Using Create React App (CRA)

🪜 Steps:

✅ Step 1: Create the app

✅ Step 2: Start the development server

🟢 It will open automatically in the browser at http://localhost:3000

🧱 Project Structure (CRA or Vite)

🎯 Summary: Which One Should You Use?