Micro Frontend in Angular with Dynamic Module Federation using NX!

A hands-on tutorial on micro frontends and Dynamic Module Federation using NX. Learn how to create mono repo applications, utilize standalone components, and navigate through runtime errors. Understand the potential of package sharing among applications, which can significantly reduce your bundle size. This video is crucial for developers aiming to streamline project management and enable independent teamwork on different app services. Subscribe for more insights into programming languages, frameworks, and algorithms. Don't forget to leave your thoughts in the comments!
#mfe #microfrontends #angular

GitHub: https://github.com/funOfheuristic/micro-frontend/tree/dynamic-module-federation

00:00 Intro
00:39 Why NX for MFE
01:10 Start with NX Setup
02:21 Code walkthrough
02:45 Module Federation Remote Config
04:18 Module Federation Expose Config
05:04 Use of Standalone Component and removing the router
05:31 Accessing Micro Frontend from Host
06:48 Run Everything together and load MFE
08:14 Share Library between your Micro Frontends
10:16 Why you should use MFE with Module Federation

Some more playlists:
Create PWAs: https://bit.ly/359BXpK
NgRx: https://bit.ly/2Qu0Ucu
Performance optimization: https://bit.ly/3fFa1Q8
RxJs: https://bit.ly/3hytr8o
Angular Tutorial: http://bit.ly/2Tnwk1t
Dashboard with chart.js: http://bit.ly/3c9Jd85
Application Development: http://bit.ly/398w7Gf
Upload File to server: http://bit.ly/3ccsjWd
Data Structure and algo: http://bit.ly/3c8b7Bh

Discord: https://discord.gg/4QZU7KB
Slack: http://bit.ly/2RXPcEK

You can support me on Patreon: https://www.patreon.com/funofheuristic

Equipment used for Video:
Headphone (ATH M50X): https://amzn.to/3xDcSQK
Microphone (AKG D5): https://amzn.to/3b1gi5R
Audio Interface (EVO 4): https://amzn.to/327tnGJ
Camera(Canon 200D): https://amzn.to/3ja1Pr9

Thanks for watching...