На странице собраны вопросы по React — от проверки базовых принципов до практического применения и архитектурных решений. В подборке чаще встречаются темы: frontend, react, optimization.
распределённая система: несколько узлов, обменивающихся данными по сети балансировка нагрузки — распределение входящих запросов между экземплярами приложения синхронизация состояния — с помощью внешнего хранилища или…
Взаимодействие основного потока с Web Worker Web Worker представляет собой отдельный поток браузерного выполнения, предназначенный для фоновых задач Связь между ними строится на основе асинхронного обмена сообщениями…
фронтенд, обработка форм событие формы — submit вызвать метод event.preventDefault() отменяет стандартное действие браузера — перезагрузку страницы использовать внутри обработчика события submit обрабатывать данные…
фронтенд и оптимизация рендеринга устранять лишние ререндеры с помощью React.memo и PureComponent мемоизировать функции и значения через useCallback и useMemo разбивать код с помощью lazy loading и динамического…
интеграция карт относится к задачам фронтенд-разработки и улучшает UX используют API популярных провайдеров: Google Maps, Yandex.Maps, Leaflet, Mapbox подключают JavaScript-библиотеку через CDN либо npm создают карту…
создание копии объекта с рекурсивным клонированием всех вложенных объектов простое присваивание и Object.assign не подходят, поскольку они копируют только верхний уровень JSON.parse(JSON.stringify(obj)) — быстрый…
Контекст: CSS-позиционирование и флексбокс Центрирование с помощью Flexbox: родительский элемент: display: flex; justify-content: center; align-items: center; элемент выравнивается по центру сразу по обеим осям Другой…
Как правильно использовать keys в React? keys служат уникальными идентификаторами элементов в списках React позволяют React эффективно обновлять DOM за счёт сравнения элементов должны оставаться стабильными и…
Как организовать подписку на события в функциональном компоненте? В функциональных компонентах React для управления подпиской и отпиской применяется useEffect Обработчик события регистрируется внутри useEffect,…
Как использовать useEffect в разных ситуациях? React hook для управления побочными эффектами пустой массив зависимостей []: запуск один раз при монтировании зависимости [var]: запуск при изменении заданных значений…
библиотеки для рисования — API, предназначенные для создания графики с помощью canvas, SVG и WebGL изучить базовые объекты и методы, включая рисование фигур, работу с цветами и трансформациями разобраться с…
Как отключить всплытие события в модальном окне? Веб, события, DOM всплытие означает переход события от дочернего элемента к его родителям для прекращения распространения в обработчике клика модального окна вызывают…