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