Live coding на собеседовании Frontend-разработчика

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

Вторая часть технического собеседования Frontend-разработчика с live coding. Кандидату предлагают по массиву вопросов и вариантов ответов создать интерфейс теста с переходом между вопросами и итоговым результатом. Он предлагает несколько переменных состояния и вариант с Redux/createSlice, но интервьюер просит не подключать лишнюю библиотеку и решить задачу локальным состоянием компонента. По ходу разбирают передачу обработчика в JSX, немедленный вызов функции при рендере и работу map при формировании JSX-элементов.

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

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

• Перед live coding полезно описать модель состояния компонента.
• Обработчик в JSX нужно передавать функцией, чтобы не вызвать его при рендере.
• При рендеринге списка через map callback должен возвращать JSX, а элементам списка нужен стабильный key.
• Для небольшой UI-задачи сначала стоит рассмотреть локальное состояние компонента, а не подключать Redux.