Термин «микрофронтенд» пришёл из бэкенда с его микросервисной архитектурой. Идея базируется на принципе разделения функционала веб-приложения на небольшие модули, которые не зависят друг от друга.
Например, большое монолитное приложение интернет-магазина может быть разбито на следующие микрофронтенды:
— страница оформления заказов;
— страница оплаты;
— домашняя страница, где отображаются заказы;
— корзина.
В результате можно работать с разными частями приложения параллельно, а это существенно упрощает процесс разработки и обеспечивает высокое качество кода.
Преимущества микрофронтендов ⬇️
🔹️ Легко изменяемый технический стек.
🔹️ Независимые приложения содержат меньше кода и не влияют на работу друг-друга.
🔹️ Проще обнаружить и исправить ошибки.
🔹️ Небольшие приложения легче и быстрее развёртывать.
🔹️ Простое масштабирование и создание разных сред.
Популярные инструменты для создания микрофронтендов:
🔸️ Luigi
JavaScript-фреймворк, ориентированный на бизнес-проекты, создаёт пользовательские интерфейсы, в которых используются локальные и внешние компоненты.
🔸️ Piral
Фреймворк, который предназначен для создания модульных фронтенд-приложений.
🔸️ Платформа Bit
Позволяет собирать фронтенды из независимых компонентов, а также разрабатывать и управлять ими.
Но! Микрофронтенды имеют смысл, если есть большое приложение, несколько команд разработчиков и при обновлениях появляются проблемы.
При работе с МФ стоит уделить особое внимание общим библиотекам, чтобы не загружалась одна и та же несколько раз, многократному повторению кода и помнить о том, что управлять монолитом всё-таки проще, чем несколькими приложениями.
#methed_про_ит