Собеседование JUNIOR FRONTEND REACT разработчика

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

Пробное мок-собеседование подписчика на позицию junior frontend-разработчика с фокусом на JavaScript, React и Redux. Интервьюер разбирает ответы кандидата на практических примерах: сортировка и методы массивов, реализация аналога Array.prototype.map, состояние React, useEffect, формы, ключи списков, Redux Thunk, палиндромы, ссылки и копирование объектов. В финале автор отмечает, что кандидату стоит укрепить фундаментальные знания JavaScript, хотя тот уже выполнял заказные проекты.

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

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

• Array.prototype.sort() без компаратора сортирует элементы как строки; для чисел нужен компаратор, например (a, b) => a - b.
• При собственной реализации Array.prototype.map нужно пройти по исходному массиву, вызвать callback с элементом, индексом и массивом, собрать и вернуть новый массив.
• React перерисовывает компонент при обновлении состояния с новой ссылкой; для нескольких последовательных обновлений счётчика следует использовать функциональную форму setState с предыдущим состоянием.
• Очистку побочных эффектов в useEffect делают возвратом функции: например, она снимает document.addEventListener при размонтировании компонента.
• Управляемый input хранит value в state и обновляет его через onChange, а значение неуправляемого input получают через ref.current.value.
• Для ключей React-списков предпочтителен стабильный идентификатор объекта; индекс допустим лишь для статичного списка без вставок, удаления и перестановок.
• Spread-оператор и Object.assign создают поверхностную копию: вложенные объекты сохраняют общие ссылки. Клонирование через JSON.stringify/JSON.parse в ролике названо ограниченным вариантом, который не подходит для объектов с функциями.