Микрофронтенды – архитектурный подход, расширяющий концепцию микросервисов на фронтенд-разработку, позволяя разным командам независимо разрабатывать части пользовательского интерфейса.

Представьте веб-сайт крупной компании: одна команда отвечает за шапку сайта, другая – за каталог товаров, третья – за корзину и оплату. Вместо того чтобы все работали над единым монолитным фронтендом, каждая команда создаёт свой микрофронтенд.

Ключевые принципы:
- Технологическая независимость – разные части могут использовать React, Vue, Angular
- Независимое развёртывание – изменения в одной части не требуют пересборки всего приложения
- Изоляция команд – каждая команда владеет своим доменом от базы данных до UI
- Композиция на уровне браузера – части объединяются в единое приложение

Способы реализации:
- Module Federation (webpack 5) – динамическая загрузка модулей
- Single-SPA – фреймворк для оркестрации микрофронтендов
- Web Components – нативные браузерные компоненты
- Server-side composition – сборка на сервере

Этот подход особенно полезен для больших организаций с множественными командами разработки.

💡IT термины