Подготовка к интервью
622 вопроса по React с технических собеседований
Что проверяют на интервью
На странице собраны вопросы по React — от проверки базовых принципов до практического применения и архитектурных решений. В подборке чаще встречаются темы: frontend, react, browser.
Каталог
useMemo кеширует результат вычисления, useCallback — ссылку на функцию, React.memo — помогает пропускать render компонента с прежними props. Это разные границы оптимизации.
Читать ответReact.memo позволяет пропустить повторный render компонента при неизменных props. По умолчанию props сравниваются поверхностно через Object.is.
Читать ответuseCallback сохраняет ссылку на функцию между рендерами, пока зависимости равны по Object.is. Он не выполняет функцию и не кеширует её результат.
Читать ответВ JSX есть синтаксическая ошибка у Count, а useDebugRender пока ничего не делает и нигде не вызван. Для сравнения props нужны предыдущий снимок и эффект после каждого commit.
Читать ответНазовите реально используемые библиотеки по задачам: маршрутизация, серверные данные, формы, состояние, UI и тестирование. Axios — лишь один транспортный инструмент.
Читать ответСначала проверьте, действительно ли виртуализация ограничивает DOM во всех десяти стаканах. Затем уменьшайте частоту и область обновлений, а смену технологии рассматривайте по результатам измерений.
Читать ответПеренесите запрос в управляемый жизненный цикл, проверяйте HTTP-статус и допускайте запись результата только актуальной операции. Рендер оставьте чистым.
Читать ответИзменение счётчика запускает новый render компонента. Код построения списка также может выполниться, но это не означает пересоздание всех 100 DOM-элементов.
Читать ответReact Flow — библиотека для интерактивных диаграмм и редакторов на основе узлов и связей. На её основе можно построить low-code-интерфейс, но сама она не является готовой low-code-платформой.
Читать ответНачните с профилирования, затем уменьшайте объём работы: серверная пагинация или виртуализация строк и столбцов, стабильные ключи и локальные обновления.
Читать ответПриведите реальные hooks и объясните их контракт: входные параметры, возвращаемые данные, эффекты и cleanup. Название useSomething без описания поведения мало говорит об опыте.
Читать ответНужно сохранить URL-контракты, прямые ссылки, историю браузера и правила доступа, а затем определить границы старого и нового интерфейсов.
Читать ответ