Unleashing Micro Frontends – Part 2: Why and How Micro Frontends?

In part 1 of this article, we discussed the micro frontend concept and migration considerations. Now, let’s explore implementation strategies. There are two major strategies for modernising frontend applications: the strangler fig pattern and single-page application (SPA) injection.

Frontend migration strategies

The strangler fig pattern introduces a façade, allowing for a gradual shift of routing requests to a new system. This transition continues until the old system is fully replaced, after which it can be decommissioned. The other strategy is SPA injection. With modern SPA development, the SPA itself is responsible for the routing behaviour, making it hard to introduce a strangler façade. This is where SPA injection comes in. The SPA injection strategy involves embedding the new SPA into the HTML document containing the old system and letting it slowly expand in functionality. Depending on your existing architecture, both approaches are great ways to get started with a micro frontend architecture.

Read more:

Unleashing Micro Frontends – Part 2: Why and How Micro Frontends? | Planon (planonsoftware.com)