JSX (JavaScript Syntax Extension) – это специальный синтаксис, с помощью которого можно объединять CSS, HTML и JavaScript, тем самым формировать полноценные компоненты React. Рассмотрим такой пример Можно обратить внимание, что структура данного примера очень похоже на HTML. Например, есть открывающий тег под названием Card, у этого тега есть два атрибута style и className. У этого открывающего тега есть соответствующий закрывающий тег </Card>. У родительского элемента <Card> есть дочерний элемент <Card...

В этом уроке мы узнаем, что такое JSX. Кроме того, мы создадим свой первый функциональный компонент.