Microfrontends with ModuleFederations - Webpack 5 and Vuejs

In this video we will playaround with Microfrontends idea. We will implement two projects with Vuejs using vue-cli@5. One project will expose one component and the other project will import it remotely and will use the component as it is in it's local node_modules. vue-cli@5 uses webpack@5 and as you know with webpack@5 a new plugin is introduced and it is ModuleFederationPlugin. You can check the code for this video here: https://github.com/farhadnowzari/microfrontends-vue-webpack Chapters: 0:00 Introduction 11:20 Implement a simple vue component 28:18 Exposing the vue component with ModuleFederation 33:38 Importing the Federated Module remotely into another application P.s. It took me a season from the Intro recording to the coding video 😅 This explains the change of cloths 😂 ########################### Want to see more content like this? 📖 🤓 Follow me on: Medium: https://medium.com/@fdn-sharp Twitter: https://twitter.com/farhad_nowzari LinkedIn: https://www.linkedin.com/in/farhad-nowzari-94060699/ Github: https://github.com/farhadnowzari Programming is fun, don't overthink it and just do the best thing comes to the mind at the moment and enjoy the result if it was a success and learn from you mistake if it failed. Win-Win situation ;) Have fun coding ❤️