In this article, I will arrange all the previous articles and videos in a way that can help people understand Micro-Frontends, gradually, and implement Hands-On projects to understand more about the concept:
Here is the YouTube Playlist: https://youtu.be/AZDDIgJSKU0
This article can be a very good place to start. I explained…
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
“Monolith” You might have been hearing this word a lot, recently, or its other synonym “Monolithic Architecture”. It…
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
Microfrontend consists of a…
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.
However, we did not show both…
“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
Have you ever wondered where and when The term “Microfrontend” appeared? In this article, I will go through the evolution of Microfrontends.
In this article, we will create the Events Mmicrofrontend and add it to the portal
This article is a continuation of the following
This article will go through architecting, designing, implementing, and deploying a real-life Microfrontends project.