Подготовка к интервью
622 вопроса по React с технических собеседований
Что проверяют на интервью
На странице собраны вопросы по React — от проверки базовых принципов до практического применения и архитектурных решений. В подборке чаще встречаются темы: frontend, react, browser.
Каталог
В показанном обновлении нет нарушения иммутабельности: возвращается новый объект, а streak вычисляется из предыдущего состояния и актуальных props. Без дополнительных условий объявлять код ошибочным нельзя.
Читать ответИсправьте JSX и имя компонента с заглавной буквы. Подписку создавайте в эффекте с cleanup; не запускайте новый бесконечный интервал на каждый клик и каждый рендер.
Читать ответПодписка scroll в теле App создаётся на каждом рендере и никогда не удаляется. Для прилипающей панели обычно достаточно position: sticky; счётчик обновляйте функционально, повторяющиеся Item создайте из списка.
Читать ответДобавьте отдельное состояние user и обновляйте name через новый объект. Остальной JSX сохраните; обработчик новой кнопки не должен мутировать прежний объект состояния.
Читать ответВторая кнопка не планирует рендер: она мутирует count2.name, но вообще не вызывает setCount2. Изменение может проявиться позже при обновлении другого состояния.
Читать ответДобавьте стабильный key в список, типизируйте Todo и не выводите img без imagesrc. Для поиска можно нормализовать регистр; управляемый input уже реализован правильно.
Читать ответsetCoordinate не меняет coordinate в текущем замыкании, поэтому handleUpload отправляет предыдущее значение. Передавайте в Service.send координату непосредственно из события.
Читать ответИспользуйте настоящий input type='checkbox' внутри label и отдельный декоративный трек. Состояние checked управляет цветом фона и сдвигом круга на 26px.
Читать ответПосле первого клика надпись кнопки удвоится: при исходном 'a' станет 'aa', при следующем клике — 'aaaa'. React обновит текст существующей кнопки после изменения состояния.
Читать ответХраните checkbox в состоянии, вычисляйте отфильтрованный список и считайте количество как сумму count, а стоимость как сумму price × count. Не храните производные итоги отдельным состоянием.
Читать ответsetUser(user) передаёт ту же ссылку, поэтому React обычно пропустит обновление по Object.is. Мутация уже произошла и может неожиданно проявиться при другом рендере.
Читать ответПри обновлении только state внутри MainFc OtherFc не обязан рендериться заново: children остаётся тем же JSX-объектом, созданным App. Сам App из-за этого состояния не обновляется.
Читать ответ