Получить доступ

Что такое микрофронтенды и когда они оправданы?

SeniorАрхитектура фронтенда
Ещё спрашивают так:
  • Что такое Module Federation?
Коротко

Микрофронтенды — разделение интерфейса на части, которые разные команды разрабатывают и выкатывают независимо, а оболочка собирает их в одно приложение (Module Federation, импорт-карты, iframe, серверная композиция). Это организационное решение: оправдано, когда много команд мешают друг другу в одном приложении. Цена — сложность, дублирование зависимостей, единый UX и общий код становятся труднее.

  • Для одной-двух команд почти всегда лучше модульный монолит или монорепозиторий
  • Общие зависимости (React) — общими, иначе бандл растёт кратно
  • Общение частей — через события и URL, а не общий глобальный стейт

А ещё Независимый релиз требует обратной совместимости контрактов между частями

Так подсказку видит пользователь sotto на живом собеседовании — за пару секунд, пока вы думаете вслух.

Подробно

Способы композиции:

способплюсыминусы
Module Federationзагрузка модулей в рантайме, общие зависимостисвязка со сборщиком, версии
iframeполная изоляцияUX, производительность, общение
серверная композициябыстрый первый показсложная инфраструктура
сборка как пакетовпростонет независимого релиза

Проблемы: согласованный дизайн (нужна дизайн-система), производительность, сквозная авторизация и маршрутизация, отладка проблем на стыках, версии общих библиотек.

Когда да: десятки команд, разные циклы релизов, постепенная миграция legacy-приложения по частям.

Что хотят услышать

  • Суть как организационного решения.
  • Способы композиции и их цена.
  • Когда не нужно.

Связанные вопросы

Закрытая бета

Подсказки на собеседовании — в реальном времени

sotto слышит вопрос интервьюера и показывает короткий ответ и план, как в блоке «Коротко». Оставьте контакт — пришлём доступ и промокод.

  • Промокод на 2 часа — сверх пробных 30 минут
  • Программа для Windows — скачать сразу, войти — через Яндекс ID или VK ID
  • Прямая связь с разработчиком: что улучшить — сделаем