Что такое Micro Frontend

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

Ключевые особенности:

• Изоляция — каждый модуль работает независимо (свой код, стили, зависимости).
• Гибкость — можно использовать разные технологии (React, Vue, Angular) в одном приложении.
• Масштабируемость — команды работают параллельно над разными частями.

Пример интеграции через Webpack Module Federation:

// Конфиг хоста (main app)
new ModuleFederationPlugin({
  name: 'host',
  remotes: {
    mfe1: 'mfe1@http://localhost:3001/remoteEntry.js',
  },
});

// Конфиг микрофронтенда (mfe1)
new ModuleFederationPlugin({
  name: 'mfe1',
  filename: 'remoteEntry.js',
  exposes: {
    './Button': './src/Button',
  },
});

Плюсы: независимость команд, постепенное обновление.
Минусы: сложность синхронизации, оверхед в бандле.