React is built using JSX & Components. Let’s break them down and understand how they work!

⚡ What is JSX?

JSX (JavaScript XML) is a special syntax in React that looks like HTML but works inside JavaScript. It makes UI code cleaner, readable, and more efficient.

🎯 Why JSX?

✅ Looks Like HTML – But it's inside JavaScript!

✅ Faster Rendering – React optimizes it behind the scenes.

✅ Safer – Prevents XSS attacks by escaping values.

🛠 Example of JSX

const element = <h1>Hello, React! 🚀</h1>;

🔹 This looks like HTML, but it’s actually JavaScript!

🏗️ What are Components?

React apps are made up of components, which are reusable UI elements. Each component is like a small function that returns JSX.