home.social

#микрофронтенд — Public Fediverse posts

Live and recent posts from across the Fediverse tagged #микрофронтенд, aggregated by home.social.

  1. Build-time микрофронтенды, или делай проще

    Привет, меня зовут Александр Богданов, я ведущий фронтенд-разработчик стрима «Программы лояльности» в MWS. Наша команда отвечает за развитие и поддержку продуктов МТС Premium и МТС Cashback. На 2025 год у нас было три активных пользовательских витрины, которые использовали разный стек, разные дизайн-системы, по-разному взаимодействовали с бэкенд-сервисами и имели еще целый набор мелких отличий. Из-за этого разработке приходилось поддерживать зоопарк решений и технологий, а также многократно повторять одни и те же действия на разных стеках. Высокие time-to-market и стоимость разработки одной фичи закономерно не устраивали бизнес, поэтому перед нами поставили задачу — перейти на архитектуру микрофронтендов. В посте расскажу, как мы это сделали с помощью npm-пакетов и какие результаты получили. Читать дальше

    habr.com/ru/companies/ru_mts/a

    #микрофронтенд #микрофронты #микрофронтенды #npmпакет #npmпакеты #виджеты #buildtime #buildtime_микрофронтенды #пользовательские_витрины

  2. Widlet — pet-проект про Server-Driven UI на Dart

    Привет, Хабр. Меня зовут Карим, я Flutter разработчик уже 7 лет и последний месяц я делаю фреймворк для server-driven UI на Dart. Зачем еще один SDUI У всех реализаций, которые попадались мне на глаза, есть общая черта - собственный DSL. JSON-схемы, кастомные конфиги. Для каждого решения приходится учить новый язык. При этом Flutter-разработчики уже знают хороший язык описания UI. Он называется Flutter.

    habr.com/ru/articles/1033978/

    #sdui #wasm #flutter #dart #widlet #микрофронтенд #jsinterop

  3. Widlet — pet-проект про Server-Driven UI на Dart

    Привет, Хабр. Меня зовут Карим, я Flutter разработчик уже 7 лет и последний месяц я делаю фреймворк для server-driven UI на Dart. Зачем еще один SDUI У всех реализаций, которые попадались мне на глаза, есть общая черта - собственный DSL. JSON-схемы, кастомные конфиги. Для каждого решения приходится учить новый язык. При этом Flutter-разработчики уже знают хороший язык описания UI. Он называется Flutter.

    habr.com/ru/articles/1033978/

    #sdui #wasm #flutter #dart #widlet #микрофронтенд #jsinterop

  4. Widlet — pet-проект про Server-Driven UI на Dart

    Привет, Хабр. Меня зовут Карим, я Flutter разработчик уже 7 лет и последний месяц я делаю фреймворк для server-driven UI на Dart. Зачем еще один SDUI У всех реализаций, которые попадались мне на глаза, есть общая черта - собственный DSL. JSON-схемы, кастомные конфиги. Для каждого решения приходится учить новый язык. При этом Flutter-разработчики уже знают хороший язык описания UI. Он называется Flutter.

    habr.com/ru/articles/1033978/

    #sdui #wasm #flutter #dart #widlet #микрофронтенд #jsinterop

  5. Widlet — pet-проект про Server-Driven UI на Dart

    Привет, Хабр. Меня зовут Карим, я Flutter разработчик уже 7 лет и последний месяц я делаю фреймворк для server-driven UI на Dart. Зачем еще один SDUI У всех реализаций, которые попадались мне на глаза, есть общая черта - собственный DSL. JSON-схемы, кастомные конфиги. Для каждого решения приходится учить новый язык. При этом Flutter-разработчики уже знают хороший язык описания UI. Он называется Flutter.

    habr.com/ru/articles/1033978/

    #sdui #wasm #flutter #dart #widlet #микрофронтенд #jsinterop

  6. Главные тренды фронтенда в 2025 году: AI, архитектура, PWA и многое другое

    Каждый год программный комитет FrontendConf начинает работу над программой не с гипотез, а с фактов. Для этого мы проводим глубокое исследование отрасли, чтобы понять, какие темы действительно волнуют фронтенд-разработчиков. Всё начинается с кастдевов — интервью с компаниями о текущих болях и потребностях. В этом году удалось собрать порядка 300 мнений — этого достаточно, чтобы увидеть устойчивые тренды. Так мы собрали целостную карту интересов сообщества, которая и легла в основу программы FrontendConf 2025. В статье рассказываем, как она устроена и почему именно эти темы вы увидите на сцене.

    habr.com/ru/companies/oleg-bun

    #фронтенд #микрофронтенд #ux #разработка #архитектура #ии #тренд #IT

  7. Развитие архитектуры веб приложений: от HTML до микросервисной архитектуры

    Приветствую вас, друзья! Меня зовут Олег, я системный аналитик в компании EvApps. В этой статье хочется рассказать о развитии веб-технологий и о том, как технологии пришли из вот такого вида

    habr.com/ru/articles/928226/

    #микросервисы #архитектура_приложений #бэкенд #фронтенд #вебприложения #микрофронтенд #вебразработка

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

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

    habr.com/ru/articles/889202/

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

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

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

    habr.com/ru/companies/alfa/art

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

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

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

    habr.com/ru/companies/alfa/art

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

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

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

    habr.com/ru/companies/alfa/art

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

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

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

    habr.com/ru/companies/alfa/art

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

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

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

    habr.com/ru/articles/852816/

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

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

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

    habr.com/ru/companies/inferit/

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

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

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

    habr.com/ru/companies/inferit/

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

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

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

    habr.com/ru/companies/inferit/

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

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

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

    habr.com/ru/companies/itfb/art

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