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 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…


create-mf-app

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…


Microfrontends with Webpack5 Module Federation

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…

Rany ElHousieny

https://www.linkedin.com/in/ranyelhousieny Commercial software development manager offering 25+ years of technical experience. Certified Solutions Architect

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store