Построение микрофронтендной архитектуры. Первый взгляд, боли и решения

В докладе будет представлен путь построения микрофронтендной архитектуры на примере проекта МТС «Exolve».

Никита расскажет про решение на основе ESM + Vite. Из доклада вы узнаете:

• почему по дороге они отказались от Webpack,
• как добились Hot Module Reload,
• куда дели шрифты, svg и картинки,
• что повышает комфорт разработки.

Будет представлена логика гибкой работы с Routes с доработкой Browser API.

Поговорим про опыт решения проблем при взаимодействии каждого отдельного микросервиса (микрофронта). Обсудим подход к использованию своего UIkit, решение работы с языковым пакетом, глобальное хранилище данных и работу с методами взаимодействия клиентской стороны и сервера. Вся логика находится за пределами отдельных микрофронтов.

Подход, про который расскажет спикер, дает возможность работать на pre-production зоне, не покидая локальную разработку, чтобы максимально близко видеть конечный результат. А при сильном желании данный подход возможен и на production зоне. Подобное решение позволяет плавно перейти с любой технологии или инструмента без потери скорости и качества.

Доклад будет полезен фронтенд-разработчикам, которые планируют начать использовать микросервисную архитектуру.

Технологии: Vite, JS + TS, React, Nanostores + собственные пакетные решения.