# Введение в язык JSX в React

Язык JSX - это обычный JavaScript, но с некоторыми дополнениями, позволяющими писать теги прямо в коде, без кавычек.

Теги можно возвращать через `return`:

`function App() { return <div> text </div>; }`

У тегов могут быть атрибуты:

`function App() { return <div class="eee"> text </div>; }`

Теги можно записывать в переменные или константы:

`function App() { const elem = <div>text</div>; return elem; }`

В вашем основном компоненте есть следующая функция:

`function App() { return <div> text </div>; }`

Поменяйте текст внутри дива. Посмотрите на изменения, произошедшие в браузере.

Добавьте в див несколько абзацев.

Добавьте вашим абзацам классы.

← →
↑