Стрим-собеседование frontend-разработчика на React

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

Кандидат, уже работающий junior frontend-разработчиком, приходит проверить навыки после стажировки. Интервью начинается с разбора резюме и вопросов по HTML/CSS, JavaScript и React: семантике форм, областям видимости, Promise, Context, Redux, ключам и Virtual DOM. В практической части он пытается реализовать регистронезависимую фильтрацию списка с debounce; обсуждаются DOM-коллекции, textContent, обработчик input и очистка таймера. До рабочего решения задача не доводится, после чего интервьюеры дают обратную связь по глубине знаний и практике. После прощания с кандидатом начинается отдельная демонстрация dating-приложения и реклама обучения.

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

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

• В формах явно задавайте type у button: без него кнопка внутри формы по умолчанию отправляет её, а для обычного действия нужен type="button".
• Для поиска по списку обрабатывайте событие input, приводите запрос и textContent к одному регистру и возвращайте все элементы при пустом запросе.
• Debounce должен отменять предыдущий setTimeout при новом вводе и запускать фильтрацию только после паузы.
• Стабильный key помогает React сопоставлять элементы списка между обновлениями, но сам по себе не отменяет рендер компонента.