Top.Mail.Ru

System Design во фронтенде: как проходит архитектурная секция на собеседовании

Архитектура и анализ

Тезисы

В докладе разберём устройство подобных секций, типовые задачи, предлагаемые на них, и возможности структурировать ответ так, чтобы он выглядел как проектирование системы, а не набор разрозненных деталей. На примерах обсудим действительно необходимый фронтенд-инженеру уровень погружения в бэкенд: базовые компоненты (API, кеши, очереди, БД), ограничения и ред флаги, на которые обращают внимание интервьюеры.

После этого сфокусируемся на проектировании фронтенд-части и на том, что обычно упускают:

  • выбор модели рендеринга и генерации (CSR/SSR/SSG/ISR и гибриды) и реальные последствия для продукта и команды
  • SSR-сервисы и что они тащат за собой (привет, Next.js): кеши, инфраструктура, деградация, мониторинг
  • взаимодействие с бэкендом: контракты, схемы данных, ошибки/ретраи, пагинация, real-time, устойчивость клиента
  • состояние и хранилища: клиентское vs клиент-серверное, когда что уместно, как не утонуть в консистентности
  • практики оптимизации: производительность, сетевые стратегии, загрузка, наблюдаемость (что измерять и где искать узкие места)

Участники уйдут с понятной рамкой, как подготовиться к frontend system design, набором типовых решений и чек-листом подготовки: какие темы закрыть, какие компромиссы уметь объяснять и как демонстрировать архитектурное мышление без лишней теории. Доклад не про «хайп», а про аккуратно собранный практический опыт и систематизацию того, что реально требуется на интервью и в боевых проектах.


Ключевые темы и технологии

Проектирование систем, Качество и надежность


Аудитория

Фронтенд-разработчик, Мобильный разработчик


Уровень сложности

Средний

ecom.tech
Александр Моргунов

Техлид в Samokat.tech, работает над веб-приложением Самоката. В свободное время популяризирует методологию FSD: контрибьютит примеры использования, поддерживает опенсорс-проект на основе методологии и, конечно, спорит с core-командой о дальнейшем развитии.

Другие спикеры трека Архитектура и анализ