Вернуться в видеотеку

Мок-собеседование Frontend: багфикс и рефакторинг React

Участники разбирают намеренно внесённые ошибки в учебном React-проекте: infinite scroll, debounce, фильтры и редактирование, затем рефакторят код.

Источник: Саня об IT

Открыть на YouTube

Таймлайн

Коротко о видео

Ведущий моделирует практический этап frontend-собеседования на учебном проекте с намеренно добавленными ошибками. Кандидаты исследуют баги infinite scroll, debounce, фильтрации и редактирования, используют React DevTools для поиска нужных компонентов и обсуждают имена, состояние и callbacks. Во второй части проходит рефакторинг: участники сверяют сигнатуры API React, включая useTransition, и спорят о пользе избыточной мемоизации. В записи есть разговорное отвлечение на Cursor, однако основная часть состоит из совместного решения задач в формате интервью.

Затронутые темы

Что взять на заметку

  • При багфиксе сначала нужно локализовать компонент через инструменты, а не искать по наитию.
  • Понятные имена действий и state упрощают диагностику ошибок.
  • Перед предположением о React API стоит открыть его сигнатуру и проверить контракт.
  • Мемоизация полезна только при подтверждённой необходимости.

Рекомендуем посмотреть