Глава 7. Что такое React и зачем нужен JSX
Зачем эта глава
React — это библиотека для создания интерфейсов. Важно понять, что она делает и почему её используют.
Теория (коротко)
React помогает строить интерфейс из маленьких частей — компонентов.
JSX — это синтаксис, похожий на HTML, который позволяет писать интерфейс прямо в JavaScript.
React обновляет интерфейс автоматически, когда меняются данные.
function App() {
return (
<div>
<h1>Привет, React!</h1>
</div>
);
}
Важно: JSX — это не HTML. Например, вместо class используется className.
Задания
Задание: первый JSX
- Создай компонент App.
- Добавь заголовок и абзац.
- Выведи компонент в браузер.
Проверка себя
Ты понимаешь, что JSX — это способ описания интерфейса в JavaScript.
Мини-проект
Цель: простая страница «О себе».
Требования: заголовок, 2 абзаца, список навыков.
Критерий готовности: страница выглядит как мини-профиль.
Словарь главы
- React
- Библиотека для построения UI.
- JSX
- HTML-подобный синтаксис в JavaScript.
- Компонент
- Часть интерфейса, оформленная как функция.