История о том, как наша команда смогла ускорить релизы, снизить затраты и построить масштабируемую архитектуру без хаоса. В статье вы узнаете, подходят ли вам микрофронтенды.

История о том, как наша команда смогла ускорить релизы, снизить затраты и построить масштабируемую архитектуру без хаоса. В статье вы узнаете, подходят ли вам микрофронтенды.

Если у вас есть два приложения на React + Vite — хост и микрофронт (remote) — и при общем старте через одну команду всё магически ок, а при раздельном запуске хост падает с 404 на remoteEntry.js, вы не одиноки. Разбираемся, почему так, и показываю рабочие рецепты.
Remote (react-vite/remote) публикует модуль:
// vite.config.js (remote)
import federation from '@originjs/vite-plugin-federation'
export default defineConfig({
plugins: [
federation({
name: "remote_app",
filename: "remoteEntry.js",
exposes: { './Button': './src/components/Button' },
shared: ['react','react-dom']
})
]
})
Host (react-vite/host) тянет remote:
Читать полностью »
Всем привет! Меня зовут Игорь. Я frontend-разработчик. Сегодня я расскажу вам, насколько просто использовать микрофронты. Причина, по которой я хотел бы рассказать об этом подробнее, в том, что люди, которые недавно в разработке, не всегда представляют, как приложения взаимодействуют между собой и через что приходится пройти нашему remote-модулю, чтобы он смог отобразиться на хосте.
Перед началом предлагаю немного остановиться на терминологии и стеке:
Микрофронтенд — это независимый модуль, который мы подключаем.
Хост — это бандл, куда мы подключаем микрофронтенд.
RemoteЧитать полностью »

Недавно мы представили защищенную корпоративную почтовую систему «Mailion. Сертифицированный» — единственную на российском рынке с действующим сертификатом ФСТЭК России. Продукт предназначен для работы с конфиденциальной информацией в крупных коммерческих и государственных организациях.