Теория
Почему нельзя вызывать хуки React условно или внутри циклов?
Наиболее опасные ошибки при работе с React хуками:
Читать ответПодготовка к интервью
Вопросы на собеседовании по React
622 вопроса по React с технических собеседований
622 вопроса
1634 компании
353 технологии
Что проверяют на интервью
Как устроена подборка
На странице собраны вопросы по React — от проверки базовых принципов до практического применения и архитектурных решений. В подборке чаще встречаются темы: frontend, react, browser.
Каталог
Результаты поиска
Поведенческий
Как вы работали с React: с какими версиями сталкивались и использовали ли классовые компоненты? Чем классовые компоненты отличаются от функциональных?
В React существуют два основных вида компонентов:
Читать ответ
Теория
Расскажите о жизненном цикле React-компонента.
В React классовом компоненте есть несколько методов жизненного цикла, основные из которых:
Читать ответ
Теория
Можно ли использовать динамические импорты где-то кроме React.lazy? Где они могут быть полезны?
Динамические импорты (import()) можно использовать не только с React.lazy для ленивой загрузки компонентов.
Читать ответ
Теория
Как реализовывали валидацию input-полей через React Hook Form?
React Hook Form — это библиотека для управления формами в React, которая использует хуки для простого и эффективного контроля состояния формы.
Читать ответ
Теория
Что такое примитивы в JavaScript и почему они работают иначе, чем объекты, в контексте управления ссылками в React?
В JavaScript примитивы — это простые типы данных: string, number, boolean, null, undefined, symbol и bigint.
Читать ответ
Теория
Напишите кастомный React-хук useScreenWidth(targetWidth), который возвращает текущую ширину экрана (screenWidth) и флаг isMobile (true, если текущая ширина меньше targetWidth). Хук должен обновляться при изменении размера окна.
jsx import { useState, useEffect } from 'react';
Читать ответ
Теория
[имя] что такое мемоизация в React и как работают useMemo, useCallback и React.memo?
В React кэширование с помощью хуков useMemo и useCallback помогает оптимизировать производительность, предотвращая ненужные вычисления и пересоздание функций при повторных рендерах.
Читать ответ
Теория
Задача на React (3 подзадачи): 1) Починить форму редактирования пользователя — при клике на имя пользователя в списке, имя должно подставляться в input формы редактирования. 2) Форма редактирования не должна перерендериваться при вводе текста в поле поиска (оптимизация с React.memo). 3) При выборе пользователя из списка поле поиска должно сбрасываться.
Для решения задачи с формой редактирования пользователя в React:
Читать ответ
Теория
Как в React получить доступ к неконтролируемому input и его значению?
В React для доступа к неконтролируемому input и его значению используется ref. Неконтролируемый компонент — это такой, у которого значение не хранится в состоянии React, а управляется самим DOM.
Читать ответ
Теория
Вы поработали с Vue и с React. Можете сравнить, что на ваш взгляд лучше — Vue или React?
Мне больше нравится React по следующим причинам:
Читать ответ
Теория
Какими способами, помимо useMemo, можно уменьшить количество лишних перерисовок React-компонентов?
Чтобы избежать лишних ре-рендеров в React, можно использовать несколько подходов:
Читать ответ