Frontend-архитектура

Быстрый переход к обучению

1. Frontend-архитектура — учебный модуль
2. Все учебные модули

Что нужно знать

1. Слои frontend-системы: UI, domain, data, infrastructure.
2. Разделение состояния: local, shared, server, derived.
3. Модульные границы и ownership.
4. Стратегии масштабирования: monolith, modular monolith, microfrontends.
5. Архитектурные документы: ADR, RFC, migration plan.

Что уметь объяснить на собеседовании

1. Почему выбранная структура папок и слоев уменьшает связность.
2. Как вы ограничиваете распространение технического долга.
3. Когда микрофронтенды оправданы, а когда вредны.
4. Как провести миграцию архитектуры без остановки разработки.

Грейд-фокус

1. Junior: понимать базовые границы ответственности компонентов.
2. Middle: проектировать модульные фичи и контролировать связность.
3. Senior: задавать архитектурную стратегию и правила эволюции системы.

Глубокие кейсы собеседования

1. Глобальный store раздут и нестабилен: нужно определить ownership, декомпозировать store и стандартизировать контракты селекторов.
2. Миграция на новую роутинг-архитектуру: нужен incremental rollout через feature flags и наблюдаемость.
3. Команды мешают друг другу в монорепе: нужны четкие ownership boundaries, code owners и interface contracts.

Практический минимум

1. Нарисовать текущую архитектуру вашего проекта и выделить hot spots.
2. Написать ADR по одному архитектурному риску.
3. Подготовить phased migration plan на 3 этапа.

Типовые ловушки

1. Обсуждать архитектуру без продуктовых ограничений.
2. Делать big-bang migration.
3. Игнорировать эксплуатационную стоимость выбранного подхода.

Self-review перед собеседованием

1. Я могу объяснить архитектуру в терминах границ и ответственности.
2. Я понимаю, где у системы узкие места роста.
3. Я могу предложить эволюционный план вместо переписывания всего.

Связанные материалы

1. Инженерные принципы
2. Frontend System Design
3. Паттерны (hub)