Разворачиваем микрофронты на Next.js

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

https://habr.com/ru/articles/889202/

#микрофронтенды #микрофронтенд #микрофронты #nextjs #react #фронтенд #javascript #архитектура #web_разработка #интерфейсы

Переводим 50 приложений на Module Federation и ничего не ломаем

Привет, меня зовут Степан, я главный frontend-разработчик в Альфа-Банке. Проектом, о котором пойдёт речь, занимается наша команда. Только фронтенд-разработчиков в ней 60. Множество команд поддерживают более 50 приложений, приносящих прибыль бизнесу. У нас ранее были микрофронты, но они были построены не на WMF. Не вдаваясь в документацию, давайте покажу, как всё было устроено, чтобы описать причины переезда. Думаю, будет интересно, учитывая, что проект большой. Я расскажу о микрофронтендах и сопутствующей концепции Model Federation на примере большого проекта.

https://habr.com/ru/companies/alfa/articles/866944/

#module_federation #микрофронтенд #frontendразработка

[Перевод] Как Vercel микрофронтенды внедрила

Узнайте, как Vercel сократил время сборки и повысил скорость разработки, сохранив при этом удобство работы с микрофронтендами. Основной веб-сайт Vercel, некогда являвшийся единым крупным сайтом Next.js приложение, обслуживающее как посетителей нашего веб-сайта, так и панель управления для входа в систему. Но по мере того, как компания Vercel росла, в этой системе появились возможности для совершенствования. Время сборки росло, управление зависимостями становилось все более сложным, а рабочие процессы требовали оптимизации. Незначительные изменения привели к полномасштабным сборкам, повлияв на изолированную разработку и конвейеры CI.

https://habr.com/ru/articles/852816/

#микрофронтенды #микрофронтенд #микросервисы

Пора переходить на микрофронтенд? Опыт “Инферит Клаудмастер”

Приветствую всех новичков и гуру фронтенда, а также всех, кто работает с интерфейсами. Я Никита Борцов, создаю красоту на фронте первой в России FinOps-платформы для управления облачными затратами “ Инферит Клаудмастер ”. В этой статье вы узнаете о: - факторах, сформировавших тренд на уход фронтенд-разработки от монолита к микрофронтенду, - процессах со стороны команды разработки при переходе на микрофронтенд, - кейсе платформы “Инферит Кладумастер”: почему для нашей команды микрофронтенд с плагином Module Federation стал полезным решением, - признаках того, что пора переходить на микрофронтенд.

https://habr.com/ru/companies/inferit/articles/801737/

#микрофронтенд #module_federation #фронтенд #фронтендразработка #микросервисы #микрофронтенды #microfrontends #microservices

Микрофронтенд с использованием Module Federation. Соединяем компоненты между системами на разных фреймворках

Всем привет! Мы — Павел и Даниил, ведущие разработчики компании ITFB Group. У компании два собственных продукта — ЕСМ/CSP/BPM-платформа СИМФОНИЯ (документооборот, хранение контента, архив, портал) и система распознавания/обработки документов ITFB EasyDoc. Пару месяцев назад к нам прилетела задача интегрировать ряд функций распознавания из продукта ITFB EasyDoc и оформить их в отдельный модуль платформы СИМФОНИЯ, дабы пользователь всё делал в одном месте и не дрейфовал по разным системам. Однако возникла загвоздка: СИМФОНИЯ — на React, а ITFB EasyDoc — на Vue. Для решения вопроса посерчили различные источники информации и плавно ушли в собственное творчество, поскольку не обнаружили стоящих вариантов с вменяемой технической детализацией. В какой-то момент возникло острое желание поделиться нашими итоговыми наработками на Хабре и заполнить пробелы базы знаний в интернете по этому вопросу. Всем, кому интересно увидеть наше решение, добро пожаловать под кат)

https://habr.com/ru/companies/itfb/articles/797429/

#фронтенд #react #vue #vuejs #микрофронтенд #фронтендер #микрофронтенды #reactjs #фронтендразработка #фронтенд_на_react