List: Microfrontends | Curated by Rany ElHousieny

Apr 1, 2022
14 stories
MicrofrontendsAll you need to learn Microfrontends
In
Level Up Coding
by
Rany ElHousieny
Microfrontends with Single-SPAThis article will explain how to create Microfrontends using Single-SPA CLI create-single-spa using a hands-on example.
Mar 28, 2022
Mar 28, 2022
Zack Jackson
Module Federation, Hot Prod Reloading, SSR & Next.js, for real this time.Jacob Ebey and I created the first “server-side rendering” technique for Federated Applications almost a year ago. We went with the tried…
Mar 25, 2022
2
Mar 25, 2022
2
In
Level Up Coding
by
Rany ElHousieny
Shared Modules in Module Federation MicrofrontendsThis article will explain how to share modules and libraries between different federated microfrontend modules
Oct 10, 2021
Oct 10, 2021
In
Level Up Coding
by
Rany ElHousieny
Microfrontends with Module Federation: What, Why, and How“Module Federation gives us a new method of sharing code between frontend applications. “ The previous sentence is significant in…
Oct 1, 2021
2
Oct 1, 2021
2
In
Level Up Coding
by
Rany ElHousieny
Microfrontends Hands-On Project with Module Federation — Part 1This article will go through architecting, designing, implementing, and deploying a real-life Microfrontends project.
Sep 7, 2021
Sep 7, 2021
In
Level Up Coding
by
Rany ElHousieny
Freedom from create-react-app (How to Create React Apps without CRA)When I started migrating to Microfrontends using Module Federation, I faced two challenges with apps built using create-react-app (CRA)…
Aug 27, 2021
1
Aug 27, 2021
1
In
Level Up Coding
by
Rany ElHousieny
Microfrontends: Which Framework to Use?In the past few years, I have been helping many clients and companies move to Microfrontends. We always start with the famous question…
Aug 24, 2021
5
Aug 24, 2021
5
In
Level Up Coding
by
Rany ElHousieny
Understanding Micro-Frontends Webpack 5 Configurations Step by StepIn the previous two articles, I demonstrated how to build Micro-Frontends and deploy them to AWS. During the process, I just asked you to…
Mar 4, 2021
Mar 4, 2021
In
The Startup
by
Rany ElHousieny
Deploying Micro Frontends to AWS Step by Step Using React, Webpack 5, and Module FederationIn my previous article…
Feb 27, 2021
3
Feb 27, 2021
3
In
Level Up Coding
by
Rany ElHousieny
Micro Frontends Step by Step Using React, Webpack 5, and Module FederationIn this article, I will go step by step in creating two Micro Frontend React Components and render a Button component from one into the…
Feb 22, 2021
7
Feb 22, 2021
7
In
Nerd For Tech
by
Rany ElHousieny
Micro Frontends Hands-On Example Using React, Webpack 5, and Module Federation: Adding a third…This article is a continuation of the previous article
Feb 12, 2021
1
Feb 12, 2021
1
In
Nerd For Tech
by
Rany ElHousieny
Micro-Front-Ends: Hands-On ProjectPrepare your machine and install nodejs, if needed follow the article/video, below:
Feb 8, 2021
3
Feb 8, 2021
3
In
Level Up Coding
by
Rany ElHousieny
Micro-Frontends: What, why, and howIn my previous articles (the links at the end of this article), I showed hands-on what are Micro Frontends and how to create them. In this…
Mar 11, 2021
4
Mar 11, 2021
4
In
JavaScript in Plain English
by
Rany ElHousieny
Micro-Frontends From Beginner to ExpertIn this article, I will arrange all the previous articles and videos in a way that can help people understand Micro-Frontends, gradually…
Mar 12, 2021
Mar 12, 2021