React

JSX

JSX lets you write HTML-like markup inside JavaScript. Under the hood, it compiles down to plain React.createElement calls — it's syntax sugar, not a new language.

function Greeting() {
  return <h1>Hello, world!</h1>;
}

Any JavaScript expression can be embedded using curly braces:

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

Resources

Quiz

What does JSX compile down to?
How do you embed a JavaScript expression inside JSX?