Собеседование Middle Frontend-разработчика + Live Coding | JS, Typescript, React, FSD, Next.js

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

Учебное live-собеседование с подписчиком Сергеем для подготовки к позиции middle frontend-разработчика. Разбираются CSS, асинхронный JavaScript, TypeScript, React, Next.js, Feature-Sliced Design и Tailwind CSS, включая задачи на порядок выполнения промисов и поведение React-компонентов. В финале интервьюер даёт Сергею оценку уровня как «middle plus» — это его субъективный фидбек, а не результат реального найма.

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

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

• Для e2e- и UI-тестов не стоит привязываться к CSS-классам из CSS Modules: лучше добавлять стабильные data-testid или QA-атрибуты.
• CSS Modules изолируют имена классов, но не отменяют каскад и специфичность: внешние стили могут не примениться из-за порядка подключения CSS или меньшей специфичности селектора.
• Доступность включает не только ARIA и screen reader, но и полноценную клавиатурную навигацию; семантическая HTML-разметка также помогает поисковым системам понимать структуру страницы.
• Асинхронный forEach не ждёт промисы из callback: параллельный запуск не гарантирует порядок вывода. Promise.all ждёт все операции, а для последовательных задержек нужен обычный цикл с await.
• В TypeScript any снимает проверку типов, тогда как unknown требует сузить тип перед использованием; utility types вроде Pick, Omit, Extract и Parameters полезны для преобразования существующих типов.
• Клиентские React-компоненты могут быть предварительно отрендерены на сервере, а затем гидратированы в браузере; интерактивность обеспечивают клиентский JavaScript и обработчики событий.
• В списках React предпочтительны стабильные ID вместо индекса; useId предназначен для согласованных идентификаторов при серверном рендеринге и гидратации.