You're reading from The Art of Micro Frontends Build websites using compositional UIs that grow naturally as your application scales

Product type Paperback

Published in Jun 2021

Publisher Packt

ISBN-13 9781800563568

Length 310 pages

Edition 1st Edition

Languages

JavaScript

Tools

React

Concepts

Front End Web Development

Author (1):

Florian Rappl

View More author details

Table of Contents (21) Chapters

Preface

1. Section 1: The Hive - Introducing Frontend Modularization

2. Chapter 1: Why Micro frontends? FREE CHAPTER

3. Chapter 2: Common Challenges and Pitfalls

4. Chapter 3: Deployment Scenarios

5. Chapter 4: Domain Decomposition

6. Section 2: Dry Honey - Implementing Micro frontend Architectures

7. Chapter 5: Types of Micro Frontend Architectures

8. Chapter 6: The Web Approach

9. Chapter 7: Server-Side Composition

10. Chapter 8: Edge-Side Composition

11. Chapter 9: Client-Side Composition

12. Chapter 10: SPA Composition

13. Chapter 11: Siteless UIs

14. Section 3: Busy Bees - Scaling Organizations

15. Chapter 12: Preparing Teams and Stakeholders

16. Chapter 13: Dependency Management, Governance, and Security

17. Chapter 14: Impact on UX and Screen Design

18. Chapter 15: Developer Experience

19. Chapter 16: Case Studies

20. Other Books You May Enjoy

Packt is searching for authors like you

Chapter 8: Edge-Side Composition

In the previous chapter, you saw the complexity and potential gains that are involved when using server-side composition. As we've already mentioned, a slightly simpler variant of server-side composition is the edge-side composition pattern. Besides being a less complex solution, this pattern aims to bring bigger performance improvements compared to server-side composition.

While edge-side composition usually lives on edge servers such as a CDN, the enhancements of this pattern can be applied on-premises, too. In the end, the ideas behind this simplification are what matter here. If the implementation is simple enough to be deployed on a CDN, then we know it fits this pattern.

One of the most important things we'll do in this chapter is simplify the example from the previous chapter. For this reason alone, it makes sense to have a closer look at edge-side composition. Again, for didactic purposes, we will not use a full-fledged micro...