TypeScript представляет собой супермножество JavaScript, дополненное типами Браузеры не поддерживают TypeScript непосредственно Перед загрузкой исходный TS-код транспилируется в JS посредством tsc или сборщика,…
Мемоизация вызова селектора задача — сократить пересчёты селекторов в state-менеджерах, таких как Redux и Recoil мемоизация сохраняет вычисленный результат, пока входные данные не изменились часто для этого применяют…
Контекст безопасности: клиентское хранилище и web security LocalStorage не использует шифрование и доступен любому скрипту, выполняющемуся в пределах того же домена. Базовый уровень защиты обеспечивает изоляция по…
область DOM-событий event.target — это элемент, на котором событие возникло изначально, то есть его источник event.currentTarget — элемент, чей обработчик в данный момент выполняет обработку события event.target может…
React Error Boundaries: класс с методом componentDidCatch Перехватывают ошибки дочерних компонентов и не позволяют им разрушить всё дерево Дают возможность отобразить резервный UI вместо компонента с ошибкой…
управлять ссылками и освобождать объекты сразу после того, как они перестали быть нужны применять WeakMap/WeakSet для хранения слабых ссылок не использовать глобальные переменные без необходимости — они существуют на…
Как открыть браузер и перейти на страницу? Автоматизация браузера, WebDriver воспользоваться WebDriver — Selenium или Playwright запустить драйвер нужного браузера создать браузерную сессию через API вызвать метод…
Правила вызова хуков и их назначение React hooks — это функции для управления состоянием и жизненным циклом компонентов Основные правила вызова: обращаться к ним только на верхнем уровне функции компонента или…
Позиционирование элементов в CSS relative: элемент остается в потоке документа и смещается относительно своего исходного положения absolute: элемент исключается из стандартного потока и размещается относительно…
Отличие Map, Set и Object Object: структура ключ–значение, где ключами могут быть только строки или символы Map: коллекция с ключами любого типа, сохраняющая порядок вставки Set: набор уникальных значений без ключей…
Область применения: CSS-переходы и анимация transition выполняет плавное изменение между двумя значениями свойства при его смене animation описывает многоэтапную анимацию с несколькими ключевыми кадрами (keyframes)…
Браузерный API для эффективного выполнения анимаций Синхронизирует callback с перерисовкой экрана Позволяет работать с 60 FPS либо частотой обновления дисплея Для плавности заменяет setTimeout/setInterval Сокращает…