React и TypeScript: подготовка к собеседованию

React: что реально спрашивают

Рендер и reconciliation, ключи в списках, controlled/uncontrolled inputs, подъём состояния, Context vs props. Hooks: правила, зависимости useEffect, cleanup, устаревшие замыкания. Производительность: memo/useMemo/useCallback без карго-культа, виртуализация списков при необходимости.

Сильный ответ опирается на сценарий: «когда memo бесполезен», «почему бесконечный цикл эффекта», «как не утянуть лишний ререндер родителя». Слабый — перечисляет API хуков.

• Рендер, ключи, состояние
• useEffect: зависимости и cleanup
• Стейл-клоужер и батчинг
• Мемоизация с обоснованием

TypeScript: ожидания на middle

Union и narrowing, generics в компонентах и хуках, отличие type/interface, полезные utility types, типизация событий и детей. Важно показать, как типы ловят ошибки на границах API, а не только «красиво выглядят в IDE».

Частый follow-up: «как типизировать generic Select» или «почему any здесь опасен». Имеет смысл заранее проговорить 1–2 примера из своего проекта.

Как отвечать, чтобы не срезали на уточнении

Структура: определение → зачем → пример → ограничение/альтернатива. Если не уверены — скажите границу знания и как бы проверили. Интервьюеры чаще давят на глубину, чем на энциклопедию.

• Один конкретный пример из опыта
• Назвать trade-off (DX, бандл, сложность)
• Не путать «работает» и «правильно в concurrent React»

Практика в Offerwhelmed

В формате «Теория» выставляете направление Frontend и технологии React/TypeScript — вопросы и уточнения идут под этот стек. После интервью в отчёте видно, где просели хуки, типы или база JS.

Если нужен код в редакторе — отдельный формат Live coding. Для чтения чужого React-кода — Code Review.