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

Банк вопросов с собеседований

Разбирайте реальные вопросы, сверяйтесь с подробными ответами и готовьтесь по технологиям и компаниям.

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

Усильте резюме перед собеседованием

Проверьте, насколько резюме подходит выбранной позиции, и получите рекомендации по улучшению.

Анализ резюме
Сбросить

Каталог

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

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

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

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

Читать ответ
Теория

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

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

Читать ответ
Теория

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

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

Читать ответ
Теория

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

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

Читать ответ
Лайвкодинг

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

jsx import { useCallback } from 'react';

Читать ответ
Теория

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

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

Читать ответ
Теория

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

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

Читать ответ
System Design

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

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

Читать ответ
Теория

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

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

Читать ответ