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

Вопросы на собеседовании по 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
Поведенческий

Зачем нужен memo в React и как он оптимизирует рендеринг?

React.memo — HOC, предназначенный для оптимизации рендеринга сохраняет результат рендеринга компонента по умолчанию выполняет поверхностное сравнение пропсов исключает лишние рендеры, когда пропсы остаются прежними…

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

Зачем нужен хук useId и почему случайный ID использовать нельзя?

Хук React для стабильных ID обеспечивает одинаковые идентификаторы при серверном и клиентском рендеринге устраняет рассогласование между SSR и CSR (Mismatch) случайно сгенерированные ID способны изменяться при каждом…

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

Зачем нужны State Manager и Контекст, если можно использовать обычные переменные?

Зачем нужны State Manager и Контекст, если можно использовать обычные переменные? состояние управляется централизованно и предсказуемо локальные переменные не подходят для сложных связей между компонентами снижается…

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

Зачем нужны useMemo и useCallback и как работает мемоизация?

Зачем нужны useMemo и useCallback и как работает мемоизация? React hooks для оптимизации производительности useMemo сохраняет результат функции useCallback сохраняет саму функцию (callback) Оба хука помогают избежать…

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

Зачем нужны методы call, apply и bind в JavaScript?

Зачем нужны методы call, apply и bind в JavaScript? Позволяют явно задавать контекст выполнения функции (this) call: запускает функцию, получая аргументы через запятую apply: запускает функцию, принимая аргументы…

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

Зачем при центрировании через position: absolute и top/left: 50% добавляют transform: translate(-50%, -50%)?

CSS-позиционирование: абсолютное позиционирование Сочетание top: 50% и left: 50% помещает элемент в точку с такими координатами относительно родительского контейнера однако привязывает к этой точке угол элемента, а не…

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

Использовали ли вы componentDidCatch в React?

Применение componentDidCatch в React метод жизненного цикла классового компонента, предназначенный для обработки ошибок перехватывает ошибки, возникающие в дочерних компонентах получает два аргумента: error и info,…

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

Как Jest тестирует React-компоненты без браузера и почему это возможно?

Тестирование React выполняется за счёт эмуляции DOM Jest применяет jsdom — реализацию DOM для Node.js jsdom формирует виртуальное DOM-окружение React-компоненты рендерятся внутри jsdom, а не в браузере Эмуляция…

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

Как Next.js оптимизирует изображения с помощью Image, сжатия и современных форматов?

Каким образом Next.js оптимизирует изображения? Для оптимизации изображений Next.js предлагает встроенный компонент <Image>. Он автоматически применяет ленивую загрузку (lazy loading): файл запрашивается только после…

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

Как React Router DOM обрабатывает неизвестные и некорректные URL?

В React Router навигация строится на сопоставлении URL с объявленными маршрутами (routes). Если адрес не соответствует ни одному из настроенных маршрутов, React Router не рендерит связанный с ним компонент. Для таких…

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

Как React выполняет render?

Как React выполняет render? React формирует рендеринг UI на основании текущих пропсов и состояния При вызове render() создаётся виртуальное DOM-дерево (Virtual DOM) Полученное Virtual DOM сопоставляется с предыдущим…

Читать ответ