Глоссарий

Термины из уроков, коротко. В уроках они подчёркнуты пунктиром — наведите на них курсор.

Б

Бандл: JS- (и CSS-) файлы, собранные при сборке из вашего кода и библиотек и отправленные в браузер. Чем меньше, тем быстрее страница.; Подробнее в уроке «Модули: import / export» →

В

Вебхук: HTTP-запрос, который внешний сервис (Stripe, CMS) автоматически отправляет вашему приложению, когда что-то происходит.; Подробнее в уроке «Route Handlers и Proxy» →
Водопад запросов: Запросы, которые ждут друг друга, хотя могли бы выполняться параллельно, — страница грузится без нужды медленно.; Подробнее в уроке «Получение данных и стриминг» →
Всплытие событий: Событие на элементе «всплывает» через всех его родителей, которые могут его слушать. Основа делегирования событий.; Подробнее в уроке «DOM и события» →

Г

Гидратация: Этап, на котором React берёт HTML, отрисованный на сервере, и подключает JS и события, чтобы он стал интерактивным.; Подробнее в уроке «Server и Client Components» →

Д

Дизайн-токены: Именованные переменные для визуальных решений (цвета, шрифты, скругления). Компоненты используют токены, а не «сырые» значения.; Подробнее в уроке «Темы и дизайн-токены» →
Доступность (a11y): Сайтом может пользоваться любой человек: с клавиатуры, со скринридером, с увеличением или слабым зрением.; Подробнее в уроке «Доступность» →

З

Замыкание (closure): Функция, которая помнит переменные из места, где была создана, даже после того, как тот код завершился.; Подробнее в уроке «Функции и замыкания» →
Запрос (request): Сообщение клиента серверу: метод (GET, POST...), URL, заголовки и, при необходимости, тело.; Подробнее в уроке «HTTP: методы, статусы, заголовки» →

И

Идемпотентность: Операция, которая даёт тот же эффект, выполнена ли она один раз или много (GET, PUT, DELETE — но не POST).; Подробнее в уроке «HTTP: методы, статусы, заголовки» →

К

Каскадные слои (@layer): Слои CSS с явным приоритетом: правила из слоя, объявленного позже, побеждают предыдущие независимо от специфичности.; Подробнее в уроке «Каскад, специфичность, наследование» →
Коммит: Сохранённый «снимок» проекта в Git с сообщением, объясняющим изменение.; Подробнее в уроке «Git: основы» →
Компонент: Функция React, которая принимает props и возвращает интерфейс (JSX). Основной строительный блок UI.; Подробнее в уроке «Компоненты, props и JSX» →
Контекст наложения: Изолированная группа элементов для z-index: дочерний элемент не может подняться выше элементов вне контекста родителя.; Подробнее в уроке «Позиционирование и z-index» →
Контролируемое поле: Поле формы, значение которого хранится в состоянии React (value + onChange). Противоположность — неконтролируемое: значение хранится в DOM.; Подробнее в уроке «Формы в React» →
Кэш: Сохранённая копия дорогого результата (запроса, рендера), которую используют повторно. Может устареть, поэтому нужна инвалидация.; Подробнее в уроке «Кэш: 'use cache', теги и PPR» →

М

Мок: Поддельная замена зависимости (API, времени, модуля) в тесте, чтобы тест был быстрым и предсказуемым.; Подробнее в уроке «Vitest: unit-тесты» →
Мутация: Изменение существующего объекта или массива на месте (push, sort, obj.x = 1) вместо создания нового.; Подробнее в уроке «Ссылки и иммутабельность» →

Н

Нестабильный тест (flaky): Тест, который то проходит, то падает без изменений в коде — обычно из-за времени или порядка выполнения.; Подробнее в уроке «Playwright: end-to-end тесты» →

О

Область видимости (scope): Часть кода, где переменная существует и может использоваться: глобальная, функции или блока.; Подробнее в уроке «Область видимости, hoisting и this» →
Ответ (response): Сообщение сервера в ответ: код статуса (200, 404...), заголовки и тело.; Подробнее в уроке «HTTP: методы, статусы, заголовки» →

П

Переменная окружения: Настройка или секрет (URL базы, API-ключи), передаваемые приложению извне кода; различаются для локальной среды, превью и продакшена.; Подробнее в уроке «Env, сборка и деплой» →
Поисковый робот (Googlebot): Программа поисковой системы, которая находит страницы по ссылкам и скачивает их для индексации.; Подробнее в уроке «Как работает Google» →
Предзагрузка (prefetch): Загрузка страницы или ресурса в фоне до того, как пользователь до них дойдёт, чтобы переход был мгновенным.; Подробнее в уроке «Layout, состояния и навигация» →
Примитивное значение: Простое неизменяемое значение: string, number, boolean, null, undefined, bigint, symbol. Копируется по значению.; Подробнее в уроке «Переменные и типы» →
Прототип: Объект, с которым другой объект скрыто связан; отсутствующие свойства ищутся по цепочке прототипов.; Подробнее в уроке «Классы и прототипы» →

Р

Редьюсер: Чистая функция (state, action) => новое состояние. Основа useReducer и Redux.; Подробнее в уроке «Redux Toolkit» →

С

Семантический HTML: Использование тега, который описывает, чем является содержимое (nav, main, button, article), а не только как оно выглядит.; Подробнее в уроке «Структура и семантика» →
Серверное состояние: Данные, которые живут на сервере (пользователи, товары); в браузере лишь их копия, которая может устареть.; Подробнее в уроке «Серверное состояние и TanStack Query» →
Сессия: Способ, которым сервер узнаёт вас между запросами после входа, — обычно через cookie.; Подробнее в уроке «Авторизация и сессии» →
Состояние (state): Память компонента React: данные, меняющиеся со временем; при их изменении компонент перерисовывается.; Подробнее в уроке «Состояние, производные значения и reducer» →
Состояние гонки: Ошибка, при которой результат зависит от порядка завершения асинхронных операций — например, старый ответ перезаписывает новый.; Подробнее в уроке «fetch, JSON и AbortController» →
Специфичность: «Вес» CSS-селектора (id, классы, элементы), который решает, какое правило побеждает, если несколько нацелены на один элемент.; Подробнее в уроке «Каскад, специфичность, наследование» →
Ссылка: Адрес объекта в памяти. Переменные с объектами хранят ссылку, поэтому две переменные могут указывать на один объект.; Подробнее в уроке «Ссылки и иммутабельность» →
Сужение типа (narrowing): В TypeScript: проверка (typeof, in, ===), после которой TS знает точный тип значения из объединения.; Подробнее в уроке «Union-типы и сужение типов» →
Схема (валидация): Описание формы и правил данных (например, в Zod); из неё получаются проверка, сообщения об ошибках и тип TypeScript.; Подробнее в уроке «Валидация с Zod» →

У

Утечка памяти: Память занята данными, которые больше не нужны, но не может освободиться, потому что на них что-то ссылается (слушатель, таймер, кэш).; Подробнее в уроке «Map и Set» →

Ф

Функции первого класса: Функции — это значения: их можно хранить в переменных, передавать как аргументы и возвращать из других функций.; Подробнее в уроке «Функции и замыкания» →
Функция высшего порядка: Функция, которая принимает другие функции как аргументы или возвращает функцию — например, map, filter, addEventListener.; Подробнее в уроке «Функции и замыкания» →

Х

Хук: Функция React (useState, useEffect...), дающая компоненту память, эффекты или контекст. Её имя начинается с «use».; Подробнее в уроке «Свои хуки» →

Ч

Чистая функция: При одинаковых входных данных всегда возвращает один и тот же результат и не имеет побочных эффектов.; Подробнее в уроке «Функции и замыкания» →

A

API: Интерфейс, через который одна программа обращается к другой — например, HTTP-эндпоинт, возвращающий JSON, или методы объекта.
ARIA: Атрибуты (aria-label, aria-expanded...), которые добавляют информацию для скринридеров там, где нативного HTML недостаточно.; Подробнее в уроке «Доступность» →

C

CDN: Сеть серверов по всему миру, хранящих копии статических файлов рядом с пользователями, чтобы они быстро загружались.; Подробнее в уроке «Как устроен веб» →
CORS: Механизм, которым сервер явно разрешает другим origin'ам читать его ответы. Настраивается на сервере, а не во фронтенде.; Подробнее в уроке «Безопасность: XSS, CSRF, CORS» →
CSR (рендеринг на клиенте): Страница собирается в браузере с помощью JavaScript; сервер отдаёт почти пустой HTML. Медленнее первая отрисовка и хуже для SEO.; Подробнее в уроке «SSR, SSG, ISR, CSR, PPR» →
CSRF: Атака, при которой другой сайт отправляет запрос от вашего имени, используя ваши cookie. Защита: SameSite=Lax, проверка Origin, токены.; Подробнее в уроке «Безопасность: XSS, CSRF, CORS» →
Canonical: «Оригинальный» URL страницы, доступной по нескольким адресам; указывается через <link rel="canonical">.; Подробнее в уроке «Техническое SEO» →
Client Component: Компонент с 'use client': отправляется в браузер как JS и может использовать состояние, эффекты, события и API браузера.; Подробнее в уроке «Server и Client Components» →
Cookie: Небольшой текст, который браузер хранит для сайта и автоматически отправляет серверу с каждым запросом. Используется для сессий и настроек.; Подробнее в уроке «Cookie, localStorage, sessionStorage» →

D

DNS: Система, которая превращает доменное имя (example.com) в IP-адрес сервера — «телефонная книга» интернета.; Подробнее в уроке «Как устроен веб» →
DOM: Страница в виде дерева объектов, которое браузер строит из HTML и которое JavaScript может читать и изменять.; Подробнее в уроке «DOM и события» →

E

Event loop: Механизм, которым однопоточный JS выполняет колбэки асинхронных операций, когда текущий код завершился.; Подробнее в уроке «Async: Promise и await» →

F

Feature-Sliced Design (FSD): Методология архитектуры фронтенда со слоями (app, views, widgets, features, entities, shared), где импорты идут только вниз.; Подробнее в уроке «Feature-Sliced Design» →

H

HTTP-заголовок: Пара «имя: значение» в запросе или ответе (Content-Type, Cache-Control, Cookie), описывающая сообщение.; Подробнее в уроке «HTTP: методы, статусы, заголовки» →
HTTPS: Зашифрованный HTTP (с TLS): никто в сети не может прочитать или изменить данные. Нужен для cookie с Secure и многих современных API.; Подробнее в уроке «Как устроен веб» →
Hoisting (поднятие): Перед выполнением JS регистрирует объявления в области видимости: функции можно вызвать до их строки, var равен undefined, let/const выбрасывают ошибку (TDZ).; Подробнее в уроке «Область видимости, hoisting и this» →

I

ISR (инкрементальная статическая регенерация): Статические страницы, которые перегенерируются периодически или по запросу без полной пересборки.; Подробнее в уроке «SSR, SSG, ISR, CSR, PPR» →

J

JSON: Текстовый формат данных, похожий на объекты JS, для обмена данными между браузером и сервером.; Подробнее в уроке «fetch, JSON и AbortController» →
JSX: Синтаксис, похожий на HTML, внутри JavaScript, которым React описывает интерфейс.; Подробнее в уроке «Компоненты, props и JSX» →
JWT (JSON Web Token): Токен из трёх частей (header.payload.signature); payload может прочитать любой, подпись доказывает, что его не меняли.; Подробнее в уроке «Авторизация и сессии» →

O

Origin: Сочетание протокола, домена и порта (https://example.com:443). Браузер изолирует origin'ы друг от друга.; Подробнее в уроке «Как устроен веб» →

P

Partial Prerendering (PPR): Next.js сразу отдаёт заранее сгенерированную «статическую оболочку», а динамические части страницы приходят потоком.; Подробнее в уроке «Кэш: 'use cache', теги и PPR» →
Promise: Объект, представляющий значение, которое появится позже: pending, затем fulfilled (со значением) или rejected (с ошибкой).; Подробнее в уроке «Async: Promise и await» →
Props: Данные, которые компонент React получает от родителя, как аргументы. Только для чтения.; Подробнее в уроке «Компоненты, props и JSX» →
Pull Request (PR): Запрос на слияние одной ветки в другую с местом для ревью, обсуждения и автоматических проверок (CI).; Подробнее в уроке «Workflow: PR, ревью, Conventional Commits» →

S

SSG (статическая генерация): Страницы генерируются один раз при сборке и отдаются как статические файлы — очень быстро.; Подробнее в уроке «SSR, SSG, ISR, CSR, PPR» →
SSR (рендеринг на сервере): HTML страницы генерируется на сервере при каждом запросе, со свежими данными.; Подробнее в уроке «SSR, SSG, ISR, CSR, PPR» →
Semver: Версионирование MAJOR.MINOR.PATCH: major — несовместимые изменения, minor — новые возможности, patch — исправления.; Подробнее в уроке «Workflow: PR, ревью, Conventional Commits» →
Server Action: Функция с 'use server', вызываемая из UI (форма, кнопка) и выполняемая на сервере — для изменений данных. Это публичный эндпоинт: проверяйте авторизацию и данные.; Подробнее в уроке «Server Actions и формы» →
Server Component: Компонент, который работает только на сервере: может быть async и читать данные напрямую, а его код не попадает в браузер.; Подробнее в уроке «Server и Client Components» →
Store: Объект с глобальным состоянием приложения вне компонентов; компоненты подписываются на него (Redux, Zustand).; Подробнее в уроке «Виды состояния и как выбрать» →
Suspense: Компонент React, показывающий запасной UI (скелетон, спиннер), пока содержимое внутри загружается.; Подробнее в уроке «Получение данных и стриминг» →
staleTime: В TanStack Query: сколько данные в кэше считаются свежими и не запрашиваются заново. По умолчанию 0.; Подробнее в уроке «Серверное состояние и TanStack Query» →

T

TDZ (временная мёртвая зона): Участок между началом области видимости и объявлением let/const, где переменная существует, но обращение к ней выбрасывает ReferenceError.; Подробнее в уроке «Область видимости, hoisting и this» →
Tree shaking: Удаление при сборке экспортированного кода, который нигде не импортируется. Работает только со статическими import/export.; Подробнее в уроке «Модули: import / export» →
Truthy / falsy: Как значение приводится к boolean. Falsy: false, 0, "", null, undefined, NaN. Всё остальное — truthy.; Подробнее в уроке «Переменные и типы» →
this: Особая переменная функции, указывающая на объект, в контексте которого она вызвана; зависит от способа вызова, а не от места объявления.; Подробнее в уроке «Область видимости, hoisting и this» →

U

Utility-first: Стилизация маленькими классами с одной задачей (p-4, flex, text-lg) прямо в разметке — подход Tailwind.; Подробнее в уроке «Utility-first и раскладка» →

X

XSS: Атака, при которой чужой JS-код выполняется на вашей странице, обычно через ввод пользователя, выведенный как HTML.; Подробнее в уроке «Безопасность: XSS, CSRF, CORS» →

Глоссарий

Б

В

Г

Д

З

И

К

М

Н

О

П

Р

С

У

Ф

Х

Ч

A

C

D

E

F

H

I

J

O

P

S

T

U

X

Была ли страница полезной?