ReactBeginner#jsx

What is JSX?

A syntax extension that looks like HTML but compiles to React.createElement calls. It allows expressions inside braces, requires a single root (or a fragment), and uses className/htmlFor instead of HTML attribute names.

Example
const el = <h1 className="title">{2 + 3}</h1>;
// compiles to React.createElement('h1', { className: 'title' }, 5)

Related Questions

1
ReactBeginner#props#state

Difference between props and state?

Open
2
ReactIntermediate#forms

What are controlled and uncontrolled components?

Open
3
ReactIntermediate#fundamentals#performance

What is the virtual DOM and reconciliation?

Open