Подготовка к интервью
622 вопроса по React с технических собеседований
Что проверяют на интервью
На странице собраны вопросы по React — от проверки базовых принципов до практического применения и архитектурных решений. В подборке чаще встречаются темы: frontend, react, browser.
Каталог
В классовом компоненте нельзя вызывать React Hooks. Однако многие пользовательские сценарии доступны через другие API или функциональную обёртку.
Читать ответРасскажите о реальной причине выбора React: требования проекта, опыт команды, рынок или личный интерес, отделив её от сравнения альтернатив.
Читать ответУ классов React есть этапы монтирования, обновления и удаления с componentDidMount, componentDidUpdate и componentWillUnmount; функциональные компоненты используют hooks.
Читать ответПеречислите hooks, которыми действительно пользовались; главное отличие: setState планирует обновление UI, изменение ref.current — нет.
Читать ответУберите побочные эффекты из render, не мутируйте props и управляйте жизненным циклом таймера и listener. Внешняя видимость результата не доказывает корректность повторных рендеров и размонтирования.
Читать ответKey помогает React сохранить идентичность элементов списка между рендерами, особенно при вставке, удалении и перестановке.
Читать ответReact.lazy позволяет отложить загрузку компонента через import(), а Suspense показывает fallback, пока компонент не готов.
Читать ответЗапишите проблемное взаимодействие в Profiler, выберите commit и найдите дорогие компоненты по flame/ranked chart, затем изучите причины их обновления.
Читать ответReact.memo по умолчанию сравнивает каждое свойство props через Object.is; совпавшие props позволяют пропустить обновление от родителя.
Читать ответРазнообразие экосистемы React действительно повышает цену входа в проект, но проблему решают согласованные решения и ограничение числа альтернатив внутри продукта.
Читать ответReact сравнивает каждую зависимость с её значением в предыдущем рендере через Object.is, а не выполняет глубокое сравнение объектов.
Читать ответОпишите реальную стратегию совместимости: общий экземпляр React требует согласованных версий, а изолированные приложения могут иметь разные runtime.
Читать ответ