Мотивация
Большой монолитный SPA становится тяжёлым: 5-10 команд правят один репозиторий, деплой блокируется, конфликты зависимостей. Микрофронтенды позволяют командам работать независимо.
Подходы к интеграции
- Build-time integration — npm-пакеты. Просто, но деплой всё равно связан
- Runtime via iframe — изоляция, но ограниченное взаимодействие
- Web Components — нативная браузерная изоляция
- Module Federation (Webpack 5) — самый популярный. Динамический импорт между отдельными сборками
Проблемы
- Дублирование кода (несколько версий React)
- Согласованный UX между командами
- Сложнее отладка
Оправдан для крупных продуктов (5+ команд). Для малых — лишнее усложнение.