What is JSX and why is it used in React?

JSX (JavaScript XML) is a syntax extension for JavaScript that allows writing HTML-like code in JavaScript. It makes React components more readable and allows embedding JavaScript expressions.

// JSX Example
const element = <h1>Hello, {name}!</h1>;

// Compiles to:
const element = React.createElement("h1", null, "Hello, ", name, "!");