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

Stitching in BFFs

The notion of a dedicated aggregation layer is a crucial part of server-side composition and edge-side composition. But going beyond these two patterns, we can see BFFs being used for all kinds of things – not only as aggregation layers to render HTML, but also to provide information that is only relevant for the frontend.

While client-side composition and, in general, stitching in the browser are not uncommon, the potential performance improvements that come by providing everything – potentially even cached – from a central source should not be underestimated.

Bringing in a CDN to serve static resources faster is definitely a good way to gain performance. A good combination of server-side composition and edge-side composition would make use of layouts and advanced HTML manipulation (for example, for forms) on the server and bring together the final pieces in a flat stitching approach.

Flat stitching refers to ESI or SSI resolutions that...