Module Federation. Микрофронтенды с помощью Webpack

preview_player
Показать описание

Module Federation. Микрофронтенды с помощью Webpack

Module Federation - это подход к разработке веб-приложений в среде JavaScript, который позволяет динамически подгружать модули (код) из других приложений в рамках одного браузера. Этот подход позволяет создавать масштабируемые и гибкие приложения, где различные части приложения могут быть разработаны и поддерживаться независимо друг от друга. Module Federation обеспечивает возможность создания распределенных, модульных и легко масштабируемых систем на основе современных технологий веб-разработки.

Module Federation позволяет создавать "микросервисы на фронтенде" путем динамической загрузки модулей с других приложений или даже с других доменов. Это способствует улучшенной модульности, повторному использованию кода и упрощению совместной работы над различными частями приложения. Кроме того, Module Federation может быть использован для построения сложных взаимодействий между отдельными приложениями, обеспечивая гибкость и масштабируемость веб-приложений. Этот подход особенно актуален в контексте современных требований к разработке веб-приложений, таких как микросервисная архитектура, где каждая часть приложения может быть разработана и развернута независимо, а затем интегрирована в единое приложение с помощью динамической загрузки модулей.
Рекомендации по теме
Комментарии
Автор

Спасибо, полезное видео!
Про webpack всегда интересно посмотреть!

aldarbazarov
Автор

Спасибо за видео! Скоро займусь проектом, где основой будет приложение на Реакт, а в некоторых местах должны подключаться микрофронтенды на React/Angular. Пока вопросов много остается (буду ресерчить), например:
- Как это будет влиять на SEO для гугла?
- Как это будет влиять на бандл / чанки, загружаемые юзером?

garvae
Автор

Большое спасибо! Очень полезный материал

danilapisarev
Автор

Спасибо! Самое доступное объяснение!!!

MegaDjeday
Автор

Спасибо, сейчас тоже стоит задача связать микрофронтендом приложения на реакт и вью, все на Вите, вообще все голову сломал как это сделать, еще немного идей подкинул, спс, блин научите уже кто нибудь, заплачу, отблагодарю, плииизз)

VakiTaki
Автор

А разве не важно подключать app1 в container с помощью react.lazy?

rpmleko
Автор

что за переключение между приложениями используется? Это сторонний стофт?

velkinvv
Автор

Минус, нужен постоянно рабочий сервер

hruser
Автор

а что это нам дает ?? плюс в чем ? какой полз от этого ? я не как не могу понять это 🤔🤔

tahrizade
join shbcf.ru