Подготовка к интервью
622 вопроса по React с технических собеседований
Что проверяют на интервью
На странице собраны вопросы по React — от проверки базовых принципов до практического применения и архитектурных решений. В подборке чаще встречаются темы: frontend, react, browser.
Каталог
Эффект должен синхронно возвращать cleanup, а async-работа запускается внутри. Добавьте зависимости, снимайте resize-listener и используйте функциональное увеличение счётчика.
Читать ответВсе хуки должны вызываться до условного return и вне if. Условия перенесите внутрь эффекта, добавьте зависимости gameId/platform, обработку ошибки и защиту от устаревшего ответа.
Читать ответДля секундомера считайте разницу performance.now(), а не количество тиков. При Stop сохраняйте накопленное время, при новом Start продолжайте с него.
Читать ответХраните счётчик и флаг running. Эффект создаёт один интервал при запуске и очищает его при остановке или размонтировании; повторный Start не должен умножать таймеры.
Читать ответКлик использует актуальное замыкание, а глобальный Enter — данные первого рендера. Объедините оба действия через submit формы, уберите document-слушатель и считайте задачи по items.length.
Читать ответЕсли useForceUpdate действительно обновляет состояние App, без мемоизации перерендерятся App, Parent, Child и все три RenderCount. Повторный рендер не означает замену всех DOM-узлов.
Читать ответХраните направление и введённую сумму, второе поле вычисляйте из них. При переключении используйте прежний результат как новую исходную сумму и применяйте курс обратного направления.
Читать ответЗагрузите пользователей один раз в эффекте, храните запрос отдельно и вычисляйте фильтр при рендере. Отменяйте запрос при размонтировании и показывайте состояние ошибки.
Читать ответВ третьем объекте повторяются name и id: сохранятся только test и 5. Разделите записи на три объекта, добавьте key в map; отсутствие key — не синтаксическая ошибка.
Читать ответПриведённый HelloComponent уже является самостоятельным React-компонентом. Сохраните его в отдельном файле, импортируйте в App и используйте JSX-тег с заглавной буквы.
Читать ответuseEffect должен возвращать очистку, а не Promise. Запустите асинхронную работу внутри эффекта, сохраните одну ссылку на scroll-обработчик и игнорируйте поздний ответ.
Читать ответХраните счётчик в useState, а в обработчике кнопки вызывайте setCount с функцией от предыдущего значения. React перерисует число после обновления состояния.
Читать ответ