Опорная идея
Разметка в React пишется на JSX — это синтаксис, похожий на HTML, но прямо внутри JavaScript. Несколько важных правил:
1. В фигурных скобках можно вставлять любое JS-выражение:
const name = "Аня"; return <h1>Привет, {name}!</h1>; return <p>Сумма: {2 + 2}</p>;
2. Атрибуты пишут в стиле camelCase, а class заменяется на className:
<div className="card" onClick={handleClick}>...</div>
3. Компонент должен вернуть один корневой элемент. Если нужно несколько — оборачивают в пустой фрагмент <>...</>:
return ( <> <h1>Заголовок</h1> <p>Текст</p> </> );
JSX компилируется в обычные вызовы JavaScript — браузер видит уже привычный код. Пишется JSX почти как HTML, поэтому осваивается быстро.