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

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

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

190 вопросов 119 компаний 249 технологий

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

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

Анализ резюме

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

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

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

Основные темы и навыки

frontend 155 react 85 optimization 64 async 54 javascript 45 performance 44 ui 38 typescript 36

Форматы вопросов

  • Поведенческие вопросы126
  • Технические вопросы37
  • Лайвкодинг15
  • System Design12

Ориентировочная сложность

  • Продвинутые61
  • Базовые26
  • Практические103

С чего начать подготовку

  1. Начните с раздела «Поведенческие вопросы» и проверьте, можете ли дать короткий ответ своими словами.
  2. Затем разберите вопросы по теме «frontend» и свяжите ответы с собственным опытом.
  3. Завершите подготовку практикой: проговорите решение, ограничения и возможные альтернативы.
Сбросить

Каталог

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

Найдено: 190
Поведенческий

Почему в React хуки пришли на смену классовым компонентам и какие задачи они решили?

Почему в React хуки пришли на смену классовым компонентам и какие задачи они решили? React: функциональные компоненты используют хуки Устранили избыточную громоздкость классов Отказались от обязательного использования…

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

Почему не стоит использовать индекс массива как ключ в React?

В React ключи используются для идентификации элементов при построении списков Если передавать индекс, можно столкнуться с проблемами производительности и ошибками при изменении порядка элементов При добавлении,…

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

Почему одного Context недостаточно для управления состоянием приложения и какие преимущества Redux даёт по производительности?

Context: глобальный механизм хранения данных в React Любое изменение контекста вызывает повторный рендер всех его потребителей Встроенные селекторы и мемоизация отсутствуют Нет единого стандартного подхода к мутациям…

Читать ответ
Поведенческий

Почему примитивные пропсы хорошо подходят для мемоизации в React?

Почему примитивные пропсы хорошо подходят для мемоизации в React? контекст: React, оптимизация рендеринга к примитивам относятся строки, числа и булевы значения они быстро и точно сравниваются по значению, без…

Читать ответ
Поведенческий

Почему стрелочная функция не работает с this в отдельных контекстах?

Почему стрелочные функции не работают с this в некоторых контекстах? У стрелочных функций отсутствует собственный контекст this Значение this они получают из внешней, то есть лексической, области видимости Поэтому они…

Читать ответ
Поведенческий

Почему утилитные типы удобнее новых интерфейсов?

Утилитные типы — встроенный инструмент TypeScript С их помощью можно изменять и повторно использовать существующие типы без дублирования Они делают код более понятным и удобным в сопровождении Дают строгую и…

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

Приводит ли изменение props к ререндеру компонента в React?

Приводит ли изменение props к ререндеру в React? React — библиотека для создания UI, использующая виртуальный DOM Родительский компонент передаёт изменившиеся props дочернему Получив новые props, дочерний компонент…

Читать ответ
Поведенческий

Работали ли вы с middleware в Next.js и какие задачи они решают?

Middleware в Next.js: назначение и практический опыт Middleware в Next.js — это код, который выполняется между пользовательским запросом и серверным ответом. В отличие от API-роутов, он работает на уровне edge (CDN),…

Читать ответ
Поведенческий

С какими state-менеджерами вы работали: Redux Toolkit, MobX или React Query?

С какими state-менеджерами вы работали: Redux Toolkit, MobX или React Query? Redux Toolkit: современный инструментальный слой поверх Redux, который упрощает настройку и сокращает шаблонный код Обновление состояния…

Читать ответ
Поведенческий

Чем .NET Framework отличается от .NET Core и что выбрать для Linux и кроссплатформенной разработки?

Ключевые различия .NET Framework и .NET Core (кроссплатформенность и поддержка Linux) .NET Framework работает только в Windows и является проверенной временем платформой .NET Core — кроссплатформенный (.Windows,…

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

Чем отличается хранение number и object в памяти?

Как в памяти хранятся number и object number относится к примитивным типам и хранится в стеке (stack) для object в стеке размещается ссылка на объект а сами данные объекта находятся в куче (heap) number имеет…

Читать ответ
Поведенческий

Чем отличаются SSG, SSR и ISR в Next.js и когда выбирать каждый вариант?

Режимы генерации страниц в Next.js: SSG, SSR и ISR Next.js — React-фреймворк, поддерживающий несколько способов формирования страниц SSG (Static Site Generation): HTML создаётся во время сборки SSR (Server-Side…

Читать ответ