← React Beginner Questions - Set 9 Q81

What is JSX and why do we use it in React?

React Beginner Questions - Set 9

Example

1
2
3

// Why: expressions inline, no string templates
const user = { name: 'Ana' };
const el = <p title={`${user.name}'s profile`}>Hello {user.name.toUpperCase()}</p>;

What to notice

• It keeps markup and logic in one place, with compile-time checks for typos in tags.