Как использовать useEffect в разных ситуациях? React hook для управления побочными эффектами пустой массив зависимостей []: запуск один раз при монтировании зависимости [var]: запуск при изменении заданных значений…
библиотеки для рисования — API, предназначенные для создания графики с помощью canvas, SVG и WebGL изучить базовые объекты и методы, включая рисование фигур, работу с цветами и трансформациями разобраться с…
Как отключить всплытие события в модальном окне? Веб, события, DOM всплытие означает переход события от дочернего элемента к его родителям для прекращения распространения в обработчике клика модального окна вызывают…
React Error Boundaries: класс с методом componentDidCatch Перехватывают ошибки дочерних компонентов и не позволяют им разрушить всё дерево Дают возможность отобразить резервный UI вместо компонента с ошибкой…
кэш — локальное хранилище для быстрого доступа к данным задавать ограничение размера кэша (quota) применять политики замещения: LRU, LFU, FIFO настраивать автоматическую очистку: удалять элементы, которые используются…
управлять ссылками и освобождать объекты сразу после того, как они перестали быть нужны применять WeakMap/WeakSet для хранения слабых ссылок не использовать глобальные переменные без необходимости — они существуют на…
Браузерная работа, фронтенд Для этого применяется метод location.reload() Если вызвать его без аргументов, страница будет загружена из кеша (cache) Аргумент true в reload() запускает принудительную загрузку с сервера…
Как принципы SOLID реализуются в архитектуре FSD? FSD (Feature-Sliced Design) — фронтенд-архитектура, в которой код организован вокруг отдельных фич SOLID — совокупность принципов, направленных на создание гибкого и…
Модульное тестирование с Jest и React Testing Library Изолированная проверка рендеринга компонентов и обработки событий Моки для пропсов и внешних зависимостей Запуск тестов через CLI без использования браузера…
тема: асинхронность в JavaScript Промис представляет собой объект асинхронного результата Event Loop координирует выполнение очереди микротасков и макротасков then/catch/finally — микротаски в Event Loop промисы…
Как работает Flexbox и за что отвечают его свойства? CSS-модель для гибкой верстки Flex-контейнер и его дочерние элементы, называемые flex-элементами Основная ось (main axis) — направление размещения flex-элементов,…
Custom Elements — компонент Web Components, предназначенный для создания собственных HTML-тегов API расширяет HTML и позволяет добавлять новые элементы с индивидуальным поведением Базовый подход — объявить класс,…