Подготовка к интервью
190 вопросов по React с технических собеседований
Проверьте, насколько резюме подходит выбранной позиции, и получите рекомендации по улучшению.
Что проверяют на интервью
На странице собраны вопросы по React — от проверки базовых принципов до практического применения и архитектурных решений. В подборке чаще встречаются темы: frontend, react, optimization.
Каталог
Как React.memo использует поверхностное сравнение пропсов? React.memo представляет собой HOC для оптимизации функциональных компонентов Он сопоставляет новые и предыдущие пропсы с помощью поверхностного сравнения…
Читать ответКак Redux определяет отсутствие редюсеров? при создании store Redux ожидает функцию редусера отсутствие редусера или некорректное значение приводит к ошибке проверка выполняется при вызове createStore(reducer) редюсер…
Читать ответРоль useEffect в жизненном цикле React-компонентов В функциональных компонентах useEffect используется как хук для сайд-эффектов с его помощью через зависимости заменяются классовые методы: componentDidMount,…
Читать ответВ Next.js для добавления скриптов используется компонент <Head> из next/document, который вставляет их в <head> Чтобы запустить скрипты до рендера, используют кастомный _document.js Внутри _document.js можно объявить…
Читать ответКак в Next.js выполняется получение данных на сервере? Next.js — React-фреймворк, поддерживающий SSR и SSG Ранее для этого применяли getServerSideProps — серверную функцию, вызываемую для каждой страницы Функция…
Читать ответ** в React 17 автоматический бэтчинг действует внутри React-событий, а в остальных случаях используют unstable_batchedUpdates либо логически объединяют состояние через useReducer, чтобы сократить число ререндеров.
Читать ответсочетание lazy и Suspense считается стандартным способом lazy loading маршрутов, обеспечивая плавную загрузку и более качественный UX.
Читать ответчтобы получить доступ к DOM-элементу из React-компонента, применяют рефы (refs) — это корректный, безопасный и встроенный в React подход.
Читать ответJavaScript в браузере выполняется в одном основном потоке, связанном с UI для параллельного выполнения используются Web Workers Web Workers запускаются в отдельных потоках и работают в изолированной среде обмен…
Читать ответПереход на микросервисы: анализ и последовательность внедрения Анализ: оценка действующей монолитной архитектуры, поиск узких мест и компонентов с самостоятельной бизнес-логикой Декомпозиция: выделение автономных…
Читать ответКак вы работали с формами в React с помощью React Hook Form и Formik? состояние формы можно контролировать через hook или HOC React Hook Form уменьшает число перерендериваний и работает через рефы Formik предлагает…
Читать ответМетоды Next.js для получения данных во время рендеринга страниц getStaticProps: запускается на этапе сборки (build time) применяется для статического предрендеринга страниц используется, когда данные не обновляются…
Читать ответ