Подготовка к интервью
Разбирайте реальные вопросы, сверяйтесь с подробными ответами и готовьтесь по технологиям и компаниям.
Проверьте, насколько резюме подходит выбранной позиции, и получите рекомендации по улучшению.
Каталог
Прямая мутация state не уведомляет React о новом состоянии и нарушает модель снимков. Для обновления нужно вызвать setter или setState с новым значением.
Читать ответУменьшить prop drilling помогают композиция компонентов, перенос состояния ближе к потребителю, Context и внешнее хранилище при необходимости.
Читать ответПри key=id React связывает компонент с конкретной записью; при key=index — с позицией на странице. Во втором случае локальное состояние может перейти к другой записи.
Читать ответОпишите Product, отделите асинхронную загрузку от карточки и явно отрисуйте loading, error и пустой список.
Читать ответРодитель передаёт callback через props, а ребёнок вызывает его с необходимыми данными; само состояние остаётся у владельца.
Читать ответВ React 18 собственная Error Boundary реализуется классом с getDerivedStateFromError и/или componentDidCatch; прямого hook-эквивалента нет.
Читать ответРазделяйте асинхронные действия пользователя и загрузку данных, управляйте pending/error и защищайтесь от гонок результатов.
Читать ответОбъясните useEffect как настройку взаимодействия с внешним миром после обновления интерфейса, с обязательной уборкой прежних ресурсов.
Читать ответНазовите привычную связку инструментов и объясните выбор через задачи, размер проекта и компетенции команды.
Читать ответСначала проверьте, нужен ли весь объём клиенту; если нужен, загружайте и храните его централизованно, а для поиска создайте индекс по ID.
Читать ответTypeScript проверяет контракты props, state, событий и данных, улучшает подсказки и делает изменения React-кода безопаснее.
Читать ответНазовите подходы, которые реально используете, и покажите их на задачах: декларативный UI, композиция функций, неизменяемые данные или объекты.
Читать ответ