Как Redux определяет отсутствие редюсеров? при создании store Redux ожидает функцию редусера отсутствие редусера или некорректное значение приводит к ошибке проверка выполняется при вызове createStore(reducer) редюсер…
Как flex-direction определяет направление работы justify-content и align-items Свойство flex-direction определяет основную ось flex-контейнера доступные значения: row (горизонтальное направление), column…
На фронтенде Docker используют для изоляции и стандартизации среды Docker помещает frontend-приложение вместе со всеми зависимостями в контейнер Для создания образа применяется Dockerfile: в нём устанавливаются Node,…
Разница между microtask queue и task queue область: асинхронность в Event Loop JavaScript microtask queue: очередь высокоприоритетных операций, которая обрабатывается сразу после текущего стека и до рендеринга…
Браузер загружает и визуализирует веб-страницы По URL он отправляет серверу HTTP/HTTPS-запрос В ответ получает HTML, CSS, JS и прочие ресурсы Разбирает HTML и формирует DOM-дерево Обрабатывает CSS и создаёт…
TypeScript представляет собой супермножество JavaScript, дополненное типами Браузеры не поддерживают TypeScript непосредственно Перед загрузкой исходный TS-код транспилируется в JS посредством tsc или сборщика,…
JavaScript и события DOM Для этого применяют метод addEventListener Синтаксис метода: element.addEventListener('click', handler) Функция-обработчик получает объект события (event) Один элемент может иметь несколько…
контекст: проверка типов данных в JavaScript основной вариант: Array.isArray(variable) — выдаёт true, когда аргумент является массивом альтернативный вариант: variable instanceof Array — корректен, если код не…
Как остановить всплытие события и зачем это делать DOM-событие распространяется по дереву вверх (всплытие) для остановки применяют метод event.stopPropagation() он не допускает вызов обработчиков на элементах выше…
В Next.js для добавления скриптов используется компонент <Head> из next/document, который вставляет их в <head> Чтобы запустить скрипты до рендера, используют кастомный _document.js Внутри _document.js можно объявить…
Как в Next.js выполняется получение данных на сервере? Next.js — React-фреймворк, поддерживающий SSR и SSG Ранее для этого применяли getServerSideProps — серверную функцию, вызываемую для каждой страницы Функция…
** в React 17 автоматический бэтчинг действует внутри React-событий, а в остальных случаях используют unstable_batchedUpdates либо логически объединяют состояние через useReducer, чтобы сократить число ререндеров.