Summary
In this chapter, we learned how micro frontends can be composed together in the browser. We saw how Web Components can be used to transport pieces from different sources statically and dynamically together. We also discussed the advantages and challenges that come with this pattern.
The client-side composition makes most sense for web applications that come with a few widgets that run independently from the content. One example here would be an online newspaper that publishes articles where further info can be found in interactive graphics. It is best used to extend existing applications or to migrate them to micro frontends slowly.
The information presented in this chapter should help you decide in favor or against using the client-side composition pattern. The code that we've used for doing a sample implementation can be used as a starting point for creating a micro frontend solution.
In the next chapter, we will look at a refinement of this pattern, which allows...