Какие знаешь виды микрофронтендов

Микрофронтенды можно разделить на несколько основных видов:

1. Build-time интеграция (композиция на этапе сборки)
   Пример: NPM-пакеты, монорепозитории (Lerna, Yarn Workspaces).
   javascript

   Копировать

   // package.json
   "dependencies": {
     "shared-components": "1.0.0"
   }

2. Client-side интеграция (динамическая загрузка в браузере)

   • Iframe: изоляция, но сложная коммуникация.
   • Web Components: Custom Elements + Shadow DOM.
   • Module Federation (Webpack 5):
     javascript

     Копировать

     new ModuleFederationPlugin({
       remotes: {
         app1: "app1@http://localhost:3001/remoteEntry.js"
       }
     });

3. Server-side интеграция (SSI, Edge Includes, ESI)
   Сборка фрагментов на сервере (Nginx, CDN).

4. Гибридные подходы
   Например, Next.js с динамическими импортами или микросервисами API.

Ключевые критерии выбора: изоляция, производительность, DX.