The Web Approach

In the previous chapter, you saw that we can construct many different types of micro frontends. All we need to know are the boundary conditions of our system. These core technical requirements play a crucial role when we go in favor of or against a potential technical solution.

Now it’s time to get our hands dirty. From here on, we’ll live in code. We will now implement the most widely spread architecture patterns for implementing large micro frontend systems. We’ll start with the simplest pattern and move on until we reach the Mount Olympus of micro frontend architectures.

In this chapter, we’ll introduce the web approach as the most basic pattern to implement micro frontends. This will be a refinement and drastic enhancement of the previous sample code, illustrated in the backend section of the previous chapter.

We’ll start with some of the basics of this architecture pattern. Here, we will also introduce a sample implementation...