Что такое микрофронтенд

Микрофронтенд — это подход, при котором пользовательский интерфейс делится на независимые части. Каждая из этих частей, по сути, маленькое приложение, которое можно разрабатывать, обновлять и поддерживать отдельно от остальных. При этом все части объединяются в единый интерфейс.

Пример из жизни — Spotify. Кажется, что это единое приложение, но на самом деле оно состоит из нескольких независимых частей. Каждую часть делает своя команда.

На первый взгляд микрофронтенды похожи на микросервисы — те же независимые части, которые работают вместе. Но есть нюанс: микрофронтенды работают в браузере, а это накладывает ограничения:

Один DOM. Все микрофронтенды располагаются в одной и той же структуре страницы. Если один добавит глобальные стили, это может затронуть другие части.
Один Local Storage. Все части интерфейса используют одно хранилище данных, и это может вызвать конфликты.
Одна адресная строка. У всех микрофронтендов общий URL, что усложняет их полную изоляцию.

Микрофронтенды отвечают за интерфейс. Микросервисы (то есть бэкенд) обрабатывают данные, например пользовательские аккаунты или заказы. Всё это соединяется между собой через API-шлюз. Пользователь взаимодействует с интерфейсом, а тот отправляет запросы на сервер через этот шлюз.

О том, как микрофронтенды упрощают разработчикам жизнь, рассказали в статье: https://v.thecode.media/jeazb