Basics of client-side composition

The beauty of client-side composition lies in its simplicity and directness. There is a lot of modern web philosophy employed here without requiring any complicated backend infrastructure. The main ingredient is usually a framework-agnostic transportation mechanism using Web Components even though other mechanisms might be used, too.

We will start by looking at the architecture of client-side composition before we follow the essential steps to come up with a sample implementation. Finally, we will look at potential enhancements for the sample.

The architecture

In the previous chapters, we always relied on a backend component to return a fully composed HTML document to the browser. What if we don't need to compose the document in the backend? What if the browser can take the job of the aggregation layer? As you guessed correctly, the answer lies in the architecture of the client-side composition.

As shown in Figure 9.1, client-side...