Как определить Micro Frontend

Micro Frontend — это архитектурный подход, где фронтенд приложения разбивается на независимые, автономные модули (микрофронты), которые разрабатываются, тестируются и деплоятся отдельно.

Признаки Micro Frontend:

1. Автономность — каждый модуль работает независимо, имеет свой код, стили и зависимости.
2. Изолированность — минимизация глобальных зависимостей (например, через Shadow DOM или CSS-in-JS).
3. Разные технологии — модули могут быть на React, Vue, Angular и т. д.
4. Динамическая загрузка — модули подгружаются по мере необходимости (например, через import()).

Пример:

// Динамическая загрузка микрофронта
const loadMicroFrontend = async (name) => {
  const script = await import(`./${name}/bundle.js`);
  script.mount(document.getElementById('root'));
};

Используется в крупных проектах для упрощения масштабирования и разделения команд.