Подготовка к интервью
622 вопроса по React с технических собеседований
Что проверяют на интервью
На странице собраны вопросы по React — от проверки базовых принципов до практического применения и архитектурных решений. В подборке чаще встречаются темы: frontend, react, browser.
Каталог
Нет, мутация count2.name не вызывает обновление React. Объект изменится в памяти, но интерфейс не обязан обновиться до другого рендера.
Читать ответХраните список контактов и два поля формы в state. При submit добавляйте запись с отдельным ID, затем очищайте поля.
Читать ответПередайте в useState функцию-инициализатор, а не уже вычисленное значение. Для инкремента используйте prev => prev + 1.
Читать ответВосстановите Provider, dispatch thunk из эффекта, selector статуса и await axios. В slice нужны настоящий ID, инверсия completed и отсутствующий deleteTodo.
Читать ответНужно исправить синтаксис стрелок и JSX, возврат элементов map, обновление state и очистку подписки с таймером. Исходник создаёт интервалы без удаления.
Читать ответТаймер лучше создавать и очищать в одном эффекте, а подсветку выводить из state. Прямой querySelector и вечное добавление класса здесь не нужны.
Читать ответЗагрузите пользователей в эффекте, а фильтр вычисляйте из списка и строки поиска. Для мгновенного поиска по уже полученным данным новый запрос не нужен.
Читать ответВторая кнопка уже вызывает handleSecondClick, который печатает текущее user.name: изначально Anton. Дополнительный эффект для этого не нужен.
Читать ответПоказанный LazyComponent уже использует правильную ленивую инициализацию и функциональный инкремент. Но экспорт по умолчанию выводит только Clicker, а не этот компонент.
Читать ответОбработчик должен стоять на onSubmit формы: controlled-значение читается из state, uncontrolled — из ref.current.value. PreventDefault отменяет обычную отправку страницы.
Читать ответМассив должен храниться в state, элементы — иметь отдельные ID. Добавление и удаление выполняются неизменяемо, сортировка — над копией, сумма квадратов — через reduce.
Читать ответДобавьте отдельный state-объект с name и обновляйте его неизменяемо. Заодно устраните устаревшее замыкание счётчика функциональным обновлением.
Читать ответ