Подготовка к интервью

Вопросы на собеседовании по React

190 вопросов по React с технических собеседований

190 вопросов 119 компаний 249 технологий

Усильте резюме перед собеседованием

Проверьте, насколько резюме подходит выбранной позиции, и получите рекомендации по улучшению.

Анализ резюме

Что проверяют на интервью

Как устроена подборка

На странице собраны вопросы по React — от проверки базовых принципов до практического применения и архитектурных решений. В подборке чаще встречаются темы: frontend, react, optimization.

Основные темы и навыки

frontend 155 react 85 optimization 64 async 54 javascript 45 performance 44 ui 38 typescript 36

Форматы вопросов

  • Поведенческие вопросы126
  • Технические вопросы37
  • Лайвкодинг15
  • System Design12

Ориентировочная сложность

  • Продвинутые61
  • Базовые26
  • Практические103

С чего начать подготовку

  1. Начните с раздела «Поведенческие вопросы» и проверьте, можете ли дать короткий ответ своими словами.
  2. Затем разберите вопросы по теме «frontend» и свяжите ответы с собственным опытом.
  3. Завершите подготовку практикой: проговорите решение, ограничения и возможные альтернативы.
Сбросить

Каталог

Результаты поиска

Найдено: 190
System Design

Как задать приоритет вызовам dispatch и выполнить действие последним?

Контекст: управление состоянием в Redux и аналогичных библиотеках dispatch выполняется синхронно, поэтому последовательность вызовов имеет значение чтобы выполнить действие последним, вызовите dispatch в конце цепочки…

Читать ответ
Теория

Как замемоизировать результат вызова селектора?

Мемоизация вызова селектора задача — сократить пересчёты селекторов в state-менеджерах, таких как Redux и Recoil мемоизация сохраняет вычисленный результат, пока входные данные не изменились часто для этого применяют…

Читать ответ
Поведенческий

Как запустить выполнение скрипта в отдельном потоке?

Как запустить скрипт в отдельном потоке? многопоточность и асинхронность в JS Web Workers как отдельные потоки браузера Worker не блокирует пользовательский интерфейс обмен данными с основным потоком через…

Читать ответ
Поведенческий

Как изменяется состояние в классовых и функциональных компонентах React?

Управление состоянием в React В классовых компонентах состояние находится в this.state Для изменения применяется this.setState: метод асинхронный и объединяет обновления В функциональных компонентах состояние задаётся…

Читать ответ
Поведенческий

Как начать оптимизацию React-компонента на 1000 строк с галереей и большим списком?

Оптимизация производительности React-компонента с галереей и большим списком профилирование производительности: сначала запустить React Profiler и вкладку Performance tab в Chrome DevTools, чтобы получить измерения…

Читать ответ
Поведенческий

Как не допустить установки командами разных версий зависимостей при разработке микрофронтенда?

задать допустимые версии в package.json: использовать фиксированные значения или контролируемые диапазоны организовать монорепозиторий с единой конфигурацией зависимостей добавить в CI/CD автоматическую проверку…

Читать ответ
Поведенческий

Как обрабатывать битые изображения на собеседовании?

Как обрабатывать битые изображения? область: веб-разработка, обработка изображений битое изображение — это файл с повреждёнными данными либо некорректной структурой или форматом диагностика: проверить формат,…

Читать ответ
System Design

Как объединить обновления состояния при нескольких вызовах setState?

Как объединить обновления состояния при нескольких вызовах setState? Изменение состояния в React с последующим обновлением UI setState работает асинхронно, поэтому обновления могут объединяться Для получения…

Читать ответ
System Design

Как объяснить принцип замены Лисков (L в SOLID) во фронтенде на примере React?

Принцип замены Лисков во фронтенде (React) SOLID — фундаментальный принцип ООП, применимый и к компонентной архитектуре подмена подкласса или компонента не должна нарушать работу родительской логики компонент обязан…

Читать ответ
Поведенческий

Как оптимизировать загрузку сайтов?

Оптимизация загрузки сайтов оптимизация фронтенда и бэкенда минимизация и сжатие ресурсов (HTML, CSS, JS, изображения) критический путь рендеринга: критические CSS, defer и async для скриптов lazy loading изображений…

Читать ответ
Теория

Как оптимизировать производительность Redux-приложения?

Как повысить производительность Redux-приложения? сократить лишние рендеры с помощью memoization (React.memo, useMemo, useCallback) разделить состояние на небольшие срезы (slices), чтобы обновлять только нужные части…

Читать ответ
Поведенческий

Как оптимизировать рендеринг большого списка?

производительность UI, оптимизация отображения использовать виртуализацию (windowing): выводить только элементы, находящиеся в области видимости подключать ленивую загрузку (lazy load элементов по мере прокрутки)…

Читать ответ