Interview Boost AI
Меню

Подготовка к интервью

Вопросы на собеседовании по React

622 вопроса по React с технических собеседований

622 вопроса 1634 компании 353 технологии

Что проверяют на интервью

Как устроена подборка

На странице собраны вопросы по React — от проверки базовых принципов до практического применения и архитектурных решений. В подборке чаще встречаются темы: frontend, react, browser.

Связанные технологии

JavaScript 175 Redux 42 Next.js 40 CSS 35 C# 21 DOM 19
Все 622 Технические вопросы 42384 Поведенческие вопросы 5461 System Design 889 Лайвкодинг 3221

Каталог

Результаты поиска

Найдено: 622
Лайвкодинг

Задача на React: реализуйте компонент поиска вхождений подстроки в тексте. Требования: загрузка текста с API при первом рендере, индикация загрузки, обработка ошибок, поиск вхождений без учёта регистра, подсветка найденных вхождений, отображение общего количества вхождений, кнопка загрузки дополнительного текста.

jsx import React, { useState, useEffect } from 'react';

Т-Банк React
Читать ответ
Теория

Практическое задание: доработать компонент счётчика на React так, чтобы при нажатии на кнопку «Увеличить» значение счётчика увеличивалось на 1 и в историю добавлялась запись об увеличении с новым значением; при нажатии «Уменьшить» — аналогично; при нажатии «Сбросить» — история очищалась.

Вот пример компонента React, реализующего счётчик с историей изменений и кнопками «Увеличить», «Уменьшить» и «Сбросить»:

А7-Технологии React
Читать ответ
Теория

В React-приложении запрос возвращает большой массив объектов (около 100 МБ) с уникальными id и потенциально неуникальными name. Эти данные нужны в разных местах приложения, а в компоненте может потребоваться получить целый объект по id или name. Как организовать получение, хранение и быстрый доступ к этим данным?

Существует несколько способов доступа к данным в React:

НЕОЛАНТ React
Читать ответ
Теория

Что такое React, зачем он нужен и какие задачи решает? Когда стоит использовать React, а когда достаточно чистого JavaScript?

React — это библиотека JavaScript для построения пользовательских интерфейсов, особенно одностраничных приложений.

GigaChat / Сбер SIB Альфа СОФТ Сбермаркетинг Бел Интегратор Альфа ВК JavaScript React
Читать ответ
Лайвкодинг

Реализуйте кастомный React-хук useSubState, который принимает полный state, функцию setState и имя ключа (поля объекта), и возвращает кортеж из значения этого поля и функции для его изменения — аналогично useState, но для конкретного поля большого объекта-состояния.

jsx import { useCallback } from 'react';

Trading view React
Читать ответ
Теория

Какие преимущества Vue вы видите по сравнению с React и что вам в нём нравится меньше?

Vue.js решает задачи построения современных масштабируемых пользовательских интерфейсов с помощью реактивной модели данных, компонентного подхода и декларативного рендеринга.

Айтулабс React Vue
Читать ответ
Теория

Что такое виртуальный DOM и как React решает, когда обновлять реальный DOM?

React reconciliation — это процесс сравнения нового виртуального DOM с предыдущим, чтобы определить минимальные изменения, которые нужно внести в реальный DOM для обновления интерфейса.

МВидео/эльдорадо ИРИ Веза X-Notes Сбермаркетинг ВК DOM React
Читать ответ
System Design

Спроектировать React-компонент для отображения вложенной структуры файлов и папок: корректно отображает вложенную структуру, умеет скрывать и раскрывать содержимое папок, динамически запрашивает данные о содержимом папок при их раскрытии.

Ниже пример React-компонента, который рекурсивно отображает древовидную структуру файлов и папок:

Бюро 1440 Лантан React
Читать ответ
Теория

Что мемоизируют useCallback, useMemo и React.memo и как они работают вместе?

useMemo — это хук React, который позволяет мемоизировать вычисленное значение, чтобы не пересчитывать его при каждом рендере, если зависимости не изменились.

МПФИТ 65apps Скиф трейд VK Tech ВК Лига цифровой экономики React
Читать ответ