СОБЕСЕДОВАНИЕ REACT Middle Frontend Разработчика + LIVE CODING

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

Это показательное публичное собеседование frontend-разработчика Ивана в формате live coding по JavaScript, React и TypeScript. Сначала он рассказывает о работе с React, Adobe Experience Manager и BFF на e-commerce-проекте, затем разбирает Promise и вручную проектирует аналог Promise.all. Во второй части кандидат реализует React-счётчик, таймер и ToDo-лист с API, а в конце ведущий даёт подробный фидбек по глубине понимания Promise, структуре кода, TypeScript и коммуникации на интервью.

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

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

• Разберите Promise на уровне механики: executor, resolve/reject, обработку ошибок, цепочки then и то, почему возврат Promise из then «разворачивается» в результат следующей цепочки.
• Потренируйтесь писать Promise.all: ждать все переданные Promise, отклоняться при первой ошибке, сохранять порядок входного массива по индексам и резолвить итог только после завершения всех операций.
• Для асинхронных параллельных операций не собирайте результаты через push, если важен порядок: более быстрый запрос может завершиться раньше предыдущего.
• В React заранее проговаривайте план большой задачи и уточняйте критерии: что реализовать сначала, нужны ли стили, какие сценарии и API-операции обязательны.
• Для таймеров понимайте разницу между setInterval и рекурсивным setTimeout: второй позволяет планировать следующий запуск после окончания предыдущей длительной задачи.
• В ToDo-приложении учитывайте серверное создание ID, обработку submit формы, состояния загрузки либо optimistic update, key в списке и изменение статуса checkbox.
• На live coding полезно сразу поддерживать читаемую структуру: форматировать код, не пропускать скобки, задавать типы TypeScript и давать обработчикам имена по конкретному действию.