🧱 Stage 1: React Basics (Beginner)

 📘 1. What is React?

  • A JavaScript library for building user interfaces (UI)

  • Component-based, declarative

📘 2. Setting Up React

  • Use Vite or Create React App to scaffold a project

bash
npm create vite@latest my-app --template react cd my-app npm install npm run dev

📘 3. JSX Syntax

jsx
const App = () => <h1>Hello React!</h1>;

📘 4. Components

  • Functional components

jsx
function Welcome() { return <h2>Welcome to React</h2>; }
  • Props

jsx
function Greeting({ name }) { return <p>Hello, {name}!</p>; }

Practice: Build a simple app showing your name, favorite color, and a profile picture using components.