Что могут спросить на собеседовании по теории React?

Собрал популярные вопросы с 1617 собеседований, которые прошел со своей группой за год с небольшим, со ссылками на официальную документацию и подробные разборы по каждому пункту.

Основы
- Что такое React?
- Что нового в React 18, 19?
- Перечислите особенности React
- Назовите преимущества использования React
- Является ли React реактивным?
- Разница между JSX и HTML
- Что такое JSX и как он компилируется?
- Как отрендерить HTML код в React-компоненте?

Virtual DOM -> Fiber
- Что такое Virtual DOM? Как он работает с React?
- Что такое React Reconciliation?
- Что такое React Fiber?
- Назовите основную цель React Fiber
- Разница между теневым (Shadow) и виртуальным (Virtual) DOM

Компоненты
- Разница между классовым и функциональным компонентами
- Разница между элементом и компонентом
- Разница между компонентом и контейнером
- Разница между управляемыми (controlled) и неуправляемыми (uncontrolled) компонентами
- Что такое компонент-переключатель (Switching Component)?
- Что такое распределённый компонент?
- Что такое Компонент высшего порядка (HOC)?
- Что такое инверсия наследования (Inheritance Inversion)?
- Методы жизненного цикла компонента в React
- Стадии жизненного цикла компонента в React
- Разница между рендерингом и монтированием

Пропсы, состояние, поток данных
- Как React обрабатывает / ограничивает использование пропсов определённого типа?
- Что такое «бурение пропсов» (Prop Drilling)? Как его избежать?
- Как передавать пропсы в React Router?
- Что такое поднятие состояния вверх (Lifting State Up)?
- Как в React реализовать двустороннее связывание данных?
- Что такое обратный поток данных в React?

Хуки (Hooks)
- Что такое React хуки (Hooks)?
- Преимущества хуков?
- Недостатки хуков?
- Правила (ограничения) использования хуков?
- Когда использовать useMemo, а когда useCallback?
- useId: https://ru.react.dev/reference/react/useId
- useTransition: https://ru.react.dev/reference/react/useTransition
- useDeferredValue: https://ru.react.dev/reference/react/useDeferredValue
- useSyncExternalStore: https://ru.react.dev/reference/react/useSyncExternalStore
- useInsertionEffect: https://ru.react.dev/reference/react/useInsertionEffect

Рендеринг
- Что такое условный рендеринг (Conditional Rendering)?
- Что такое «ленивая» (Lazy) функция?
- Что такое синтетические события в React (SyntheticEvent)?
- Что такое события указателя (Pointer Events)?
- Что такое Error Boundary?
- Что такое строгий режим (StrictMode)? Его преимущества?

Маршрутизация и стейт-менеджмент
- Чем React Router отличается от обычной маршрутизации?
- Какие хуки были добавлены в React Router версии 5, 6, 7?
- Что такое Reselect и как он работает?

Прочее
- Что такое «опрос» (Polling)? Как его реализовать в React?
- Техники оптимизации производительности в React?
- Практики безопасности в React

Вообще вопросов по React не больше 100, может показаться что это много, но допустим в разделе "Безопасность, браузер, веб" уникальных вопросов как минимум в 4 раза больше, буквально 400+, поэтому я все-никак не могу найти способ уместить это в один лаконичный пост.. 👨‍💻

Но если вы поставите много очкариков 🤓, я постараюсь все это осилить и подготовить пост по вопросам из этой категории тоже)

Какие еще вопросы вы встречали на собеседованиях?

Кто я | Кейсы | Менторство

Что могут спросить на собеседовании по веб-безопасности?

Собрал популярные вопросы с собеседований по фронту — категория, со ссылками на официальную документацию (в основном MDN и OWASP) и подробные разборы по каждому пункту.

Основы
- Что такое веб-безопасность и почему она критична для фронтенда?
- Что такое модель угроз и зачем её составлять?
- Как объяснить основы веб-безопасности новичку?
- Какие типичные ошибки делают фронтенд-разработчики в безопасности?
- Какие типичные уязвимости встречаются в SPA?

Same-Origin Policy и CORS
- Что такое same-origin policy (SOP) и как она работает?
- В чём разница между SOP и CORS?
- Что такое CORS и как его корректно настраивать?
- Что такое Origin и Referer, как их используют в безопасности?

XSS
- Что такое XSS и какие его основные виды?
- Как защититься от XSS на фронтенде?
- Что такое инъекции в DOM (DOM-based XSS) и как их избегать?
- Почему опасно использовать `innerHTML` и как безопасно вставлять HTML?
- Как работает Trusted Types и когда их использовать?

CSRF и Clickjacking
- Что такое CSRF и когда он опасен?
- Как защититься от CSRF?
- Что такое Clickjacking и как от него защититься?

Content Security Policy
- Что такое Content Security Policy (CSP) и зачем она нужна?
- Какие директивы CSP самые важные и почему?

HTTPS, Cookies, заголовки
- Что такое HTTPS и какие угрозы он устраняет?
- Что такое Mixed Content и почему это проблема?
- Как работают Cookies и чем отличаются `HttpOnly`, `Secure`, `SameSite`?
- Как настроить безопасные заголовки на уровне приложения?
- Как работают Permissions Policy и Feature Policy?

Аутентификация и токены
- Где безопаснее хранить токены: cookies или localStorage?
- Что такое токены доступа и refresh-токены, как их безопасно использовать?
- Как безопасно работать с OAuth/OpenID Connect на фронте?
- Что такое Rate Limiting и как фронтенд может в этом помочь?

Сторонние ресурсы и изоляция
- Что такое Subresource Integrity (SRI) и когда он нужен?
- Как безопасно подключать сторонние скрипты?
- Что такое sandboxed iframe и когда он нужен?
- Что такое Service Worker с точки зрения безопасности?
- Что такое SSRF и есть ли риски на фронтенде?

Практики и процессы
- Как влияет роутинг на безопасность в SPA?
- Как организовать безопасную обработку ошибок и логов?
- Какие практики помогают защитить форму ввода данных?
- Что такое dependency security и как проверять уязвимости?
- Как подготовить фронтенд к pentest/аудиту?

Это 1/4 из "общих" вопросов по вебу, браузеру и безопасности, если вопросы встречались на собеседованиях и статьи были полезны — ставьте очкарика🤓, и мы продолжаем рубрику)

Кто я | Кейсы | Менторство

Идеального города не существу..

В SF можно заказать доставку через pip пакет?

Комментарий от разработчика:

When they opened a second location under Salesforce tower in SF, I thought it might be fun to have a CLI tool for ordering.

Вообще их культура удивляет, ведь много кодинговых задач делаются просто "по приколу" и за пару дней, как например автоматизировать себе заказ еды 😅

Думаю мы тоже должны больше веселиться в профессии, даже если стоит "сложная" задача

А когда вы в последний раз кодили не потому что "нужно", а для себя?)

Странные вопросы на собеседованиях

Прошёлся по своим заметкам с нескольких сотен IT-собесов и собрал вопросы, которые запомнились.

Что они на самом деле проверяют?

1. Что бы ты сделал, если тебе дать 1 млн долларов? (вопрос Сбера)
Как-то раз на интервью я прямо сказал, что пошел бы отдыхать 😄 И меня не взяли.

2. Как вы относитесь к переработкам?
Классика жанра. Если про овертаймы спрашивают на интервью, значит они будут.

3. Если ты запушил правку, а у другой команды после этого упал баг — кто несёт ответственность? (Точка банк)
Вопрос-капкан ещё до оффера. По-хорошему ответ один: «команда и процессы — ревью, тесты, CI». Но сама постановка намекает на культуру поиска виноватых.

4. Назовите топ 3 положительных и отрицательных ваших качества
Talent-блог самого LinkedIn прямым текстом называет вопрос про слабые стороны худшим из существующих, потому что он фактически подталкивает кандидата врать

5. Умеешь решать алгоритмические задачи? А не боишься их решать? (Т-Банк)
Лёгкое психологическое давление до начала задачи)

6. А куда бы ты НЕ пошёл работать? (evrone)
Инвертированная ловушка. Любой конкретный ответ можно повернуть против тебя.

И вечная троица, которую задают всегда:
«Почему уходишь с текущего места?»
«Есть ли у тебя сейчас другие офферы?»
«Какие зарплатные ожидания?»

Не кринж, но встречаются буквально на каждом собесе. Думаю, в следующем посте разберем варианты хороших и плохих ответов на эти вопросы

А какой самый странный вопрос задавали вам?
Делитесь в комментариях 🌚👇