Micro-Frontend Architecture: Setup & Key Concepts Explained

Подписаться 972

Просмотров 1,7 тыс.

50% 1

Welcome to our comprehensive tutorial on Micro-Frontend Architecture! In this video, we delve into the essentials of micro-frontends, exploring their advantages and disadvantages, and guiding you through the setup of two micro-frontend applications. You'll also learn about Webpack configuration, module federation, and sharing between micro-frontend apps.
⭐️ Contents ⭐️
⌨️ (0:00) Introduction
⌨️ (0:26) What is Micro-Frontend Architecture
⌨️ (2:10) Advantages of using MFE
⌨️ (3:21) Disadvantages of using MFE
⌨️ (3:45) Set up 2 Micro-Frontend apps
⌨️ (5:19) Add Webpacks configuration
⌨️ (7:13) Add Module Federations
⌨️ (9:18) Share between Micro-Frontend apps
⌨️ (9:55) Video Recommendations

Опубликовано:

20 июл 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 4

@anishpathak2648 15 дней назад

great video nicely explained

@BenjaminLi6 Месяц назад

Love this topic and your video but would be helpful if you could share some examples of using web components instead of React functional components being imported into another React project.

@SatyamSharma-fc9ty Месяц назад

Heard about this for the first time. I have a few questions. How would this work if 2 components are within the same window like the example of related products and the current product? Would we need to create a parent port that will run both the child ports/apps? And how efficient would it be as compared to making different components within the same structure and not different apps?