Глава 7. Что такое React и зачем нужен JSX

Зачем эта глава

React — это библиотека для создания интерфейсов. Важно понять, что она делает и почему её используют.

Теория (коротко)

React помогает строить интерфейс из маленьких частей — компонентов.

JSX — это синтаксис, похожий на HTML, который позволяет писать интерфейс прямо в JavaScript.

React обновляет интерфейс автоматически, когда меняются данные.

JSX
function App() {
  return (
    <div>
      <h1>Привет, React!</h1>
    </div>
  );
}
Важно: JSX — это не HTML. Например, вместо class используется className.

Задания

Задание: первый JSX

  • Создай компонент App.
  • Добавь заголовок и абзац.
  • Выведи компонент в браузер.

Проверка себя

Ты понимаешь, что JSX — это способ описания интерфейса в JavaScript.

Мини-проект

Цель: простая страница «О себе».

Требования: заголовок, 2 абзаца, список навыков.

Критерий готовности: страница выглядит как мини-профиль.

Словарь главы

React
Библиотека для построения UI.
JSX
HTML-подобный синтаксис в JavaScript.
Компонент
Часть интерфейса, оформленная как функция.