Что такое JSX

«Что такое JSX» — вопрос из категории React, который задают на 26% собеседований Frontend Разработчик. Ниже — развёрнутый ответ с разбором ключевых моментов.

Ответ

JSX — это расширение синтаксиса JavaScript, позволяющее писать HTML-подобный код в React. Он упрощает создание и визуализацию компонентов, делая их более читаемыми. **Особенности JSX:** * Не является строкой или HTML. * Преобразуется в вызовы `React.createElement()` через Babel. * Позволяет встраивать JavaScript-выражения с помощью `{}`. **Пример:** ``` const element =

Hello, {name}!

; ``` После компиляции это станет: ``` React.createElement("h1", null, "Hello, ", name, "!"); ``` **Важно:** JSX требует закрытия всех тегов (например, ``) и использует `className` вместо `class`.