Подготовка к интервью
622 вопроса по React с технических собеседований
Что проверяют на интервью
На странице собраны вопросы по React — от проверки базовых принципов до практического применения и архитектурных решений. В подборке чаще встречаются темы: frontend, react, browser.
Каталог
Контекст: управление состоянием в Redux и аналогичных библиотеках dispatch выполняется синхронно, поэтому последовательность вызовов имеет значение чтобы выполнить действие последним, вызовите dispatch в конце цепочки…
Читать ответМемоизация вызова селектора задача — сократить пересчёты селекторов в state-менеджерах, таких как Redux и Recoil мемоизация сохраняет вычисленный результат, пока входные данные не изменились часто для этого применяют…
Читать ответКак запустить скрипт в отдельном потоке? многопоточность и асинхронность в JS Web Workers как отдельные потоки браузера Worker не блокирует пользовательский интерфейс обмен данными с основным потоком через…
Читать ответУправление состоянием в React В классовых компонентах состояние находится в this.state Для изменения применяется this.setState: метод асинхронный и объединяет обновления В функциональных компонентах состояние задаётся…
Читать ответОптимизация производительности React-компонента с галереей и большим списком профилирование производительности: сначала запустить React Profiler и вкладку Performance tab в Chrome DevTools, чтобы получить измерения…
Читать ответзадать допустимые версии в package.json: использовать фиксированные значения или контролируемые диапазоны организовать монорепозиторий с единой конфигурацией зависимостей добавить в CI/CD автоматическую проверку…
Читать ответКак обрабатывать битые изображения? область: веб-разработка, обработка изображений битое изображение — это файл с повреждёнными данными либо некорректной структурой или форматом диагностика: проверить формат,…
Читать ответКак объединить обновления состояния при нескольких вызовах setState? Изменение состояния в React с последующим обновлением UI setState работает асинхронно, поэтому обновления могут объединяться Для получения…
Читать ответПринцип замены Лисков во фронтенде (React) SOLID — фундаментальный принцип ООП, применимый и к компонентной архитектуре подмена подкласса или компонента не должна нарушать работу родительской логики компонент обязан…
Читать ответОптимизация загрузки сайтов оптимизация фронтенда и бэкенда минимизация и сжатие ресурсов (HTML, CSS, JS, изображения) критический путь рендеринга: критические CSS, defer и async для скриптов lazy loading изображений…
Читать ответКак повысить производительность Redux-приложения? сократить лишние рендеры с помощью memoization (React.memo, useMemo, useCallback) разделить состояние на небольшие срезы (slices), чтобы обновлять только нужные части…
Читать ответпроизводительность UI, оптимизация отображения использовать виртуализацию (windowing): выводить только элементы, находящиеся в области видимости подключать ленивую загрузку (lazy load элементов по мере прокрутки)…
Читать ответ