In my previous article (https://www.linkedin.com/pulse/micro-frontends-hands-on-example-using-react-webpack-rany/), we built together a Micro-Frontend Host (MFE2) that renders a component from Micro-Frontend 1 (MFE1).

In this article and the attached video, I will go through a real-world experience that I have done to migrate from Monolithic architecture to Microservices. This will be a hands-on video What is a Monolith? “Monolith” You might have been hearing this word a lot, recently, or its other synonym “Monolithic Architecture”. It…

This article will explain how to create Microfrontends using Single-SPA CLI create-single-spa using a hands-on example. What is a MicroFrontend? If you are new to MicroFrontends, please start with the following article. Micro-Frontends: What, why, and how In my previous articles (links at the end of this article and here), I showed hands-on what Micro Frontends are and how…www.linkedin.com Setting up your machine:

Now, we have an easy way to create a microfrontend app without all the webpack configuration using create-mf-app. I will be using it in this article to explain Microfrontends with module federation If you are new to Microfrontends, you may start with the following articles Micro-Frontends: What, why, and how In my previous articles (links at the end of this article and here), I showed hands-on what are Micro Frontends and how…www.linkedin.com

This article will explain how to share modules and libraries between different federated microfrontend modules In the previous two articles, we created a Portal that hosts two Microfrontends: Products, and events-microfrontend. I used different repos and different naming to simulate separate teams building them. Microfrontends Hands-On Project with Module Federation — Part 1 This article will go through architecting, designing, implementing, and deploying a real-life Microfrontends project.levelup.gitconnected.com

“Module Federation gives us a new method of sharing code between frontend applications. “ The previous sentence is significant in understanding Module Federation. The reason Zack Jackson invented Module Federation is to make sharing code more straightforward and more independent. If you understand this concept, it will be easier to…

While building a new portal with Webpack 5, React, and Module Federation, I wanted to include one of the components in a legacy React component created by create-react-app on Webpack 5. In this article, I will explain how I have done that successfully on a React-APP made with create-react-app =================== Create a new react app …

Have you ever wondered where and when The term “Microfrontend” appeared? In this article, I will go through the evolution of Microfrontends. 2011: “Microservices” themselves premiered at an event for software architects in 2011, where the term was used to describe a style of architecture that many attendees were experimenting…

In this article, we will create the Events Mmicrofrontend and add it to the portal Table of Contents Events Microfrontend Meet the Events Team Implementation Add Events to the Portal Events Microfrontend This article is a continuation of the following Microfrontends Hands-On Project with Module Federation — Part 1 This article will go through architecting, designing, implementing, and deploying a real-life Microfrontends project.levelup.gitconnected.com