Зачем использовать Micro Frontend

Micro Frontend позволяет разбить монолитное приложение на независимые части, которые можно разрабатывать, тестировать и развертывать отдельно. Это особенно полезно для больших команд, работающих над разными функциональными блоками.

Преимущества:

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

Пример реализации:

// Конфигурация Module Federation в Webpack  
new ModuleFederationPlugin({  
  name: 'app1',  
  filename: 'remoteEntry.js',  
  exposes: { './Button': './src/Button' },  
  remotes: { app2: 'app2@http://localhost:3002/remoteEntry.js' }  
})  

Недостатки: сложность в управлении зависимостями и увеличение размера бандла.