Этап 17 из 19 · ≈ 8 ч

Монорепозитории и микрофронтенды

Полезно знать с Senior

Как масштабировать фронтенд на много команд — общие пакеты, Nx и Turborepo, Module Federation.

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

  • Монорепозиторий (pnpm workspaces + Turborepo или Nx): общие пакеты, атомарные изменения, кэш задач.
  • Микрофронтенды — независимая выкатка частей интерфейса разными командами; решение организационное, а не техническое.
  • Способы композиции: Module Federation, импорт-карты, серверная сборка, iframe.
  • Для одной-двух команд почти всегда достаточно модульного монолита.

Критерии освоения

Senior ≈ 8 ч

  • Организует монорепозиторий с общими пакетами, кэшем задач и запуском только для изменённого
  • Обосновывает, нужны ли микрофронтенды, исходя из числа команд и циклов релизов

Практика. Собрать монорепозиторий из двух приложений и общего UI-пакета на pnpm workspaces и Turborepo, сравнить время CI с кэшем и без.

Проверка знаний

Войдите, чтобы пройти тест: сданный тест отмечает тему пройденной на карте и в ИПР.

Вопросы с собеседований

Смотреть все
Зачем фронтенду монорепозиторий и как его организовать?Senior

Монорепозиторий хранит несколько приложений и пакетов (дизайн-система, клиент API, утилиты) в одном репозитории: атомарные изменения сразу во всех потребителях, единые версии зависимостей и инструменты. Работает на workspaces пакетного менеджера (pnpm) и…

Полный разбор
Что такое микрофронтенды и когда они оправданы?Senior

Микрофронтенды — разделение интерфейса на части, которые разные команды разрабатывают и выкатывают независимо, а оболочка собирает их в одно приложение (Module Federation, импорт-карты, iframe, серверная композиция). Это организационное решение: оправдано…

Полный разбор
Как организовать архитектуру большого фронтенд-приложения?Senior

Цель — чтобы изменение в одной функции не задевало остальные и новый человек быстро находил код. Основа — разделение по функциональности (features, страницы, сущности), а не по типу файлов (components, utils, hooks), явные публичные API модулей, направление…

Полный разбор
Как постепенно переписать большое legacy-приложение на новый стек?Senior

Переписывать всё с нуля — главный риск: годы без новых функций и вечная погоня за старой системой. Работает постепенная замена (strangler fig): новый стек встраивается в старое приложение — по страницам или виджетам, — новые функции пишутся сразу на новом…

Полный разбор

← Вся карта «Frontend-разработчик»

Партнёр платформы

Разбор собеседования с sotto

После собеседования sotto разбирает разговор: оценка, каждый вопрос — хорошо, частично или слабо, чего не хватило в ответе и над чем поработать к следующему разу. Первые 30 минут бесплатно.

Разбор собеседования