You're reading from The Art of Micro Frontends Build highly scalable, distributed web applications with multiple teams

Product type Paperback

Published in Oct 2024

Publisher Packt

ISBN-13 9781835460351

Length 356 pages

Edition 2nd Edition

Concepts

Front End Web Development

Author (1):

Florian Rappl

View More author details

Table of Contents (27) Chapters

Preface

1. Part 1:The Hive – Introducing Frontend Modularization FREE CHAPTER

2. Chapter 1: Why Micro Frontends?

3. Chapter 2: Common Challenges and Pitfalls

4. Chapter 3: Deployment Scenarios

5. Chapter 4: Domain Decomposition

6. Part 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. Part 3: Bee Brood – Implementation Details

15. Chapter 12: Sharing Dependencies with Module Federation

16. Chapter 13: Isolating CSS

17. Chapter 14: Securing the Application

18. Chapter 15: Decoupling Using a Discovery Service

19. Part 4: Busy Bees – Scaling Organizations

20. Chapter 16: Preparing Teams and Stakeholders

21. Chapter 17: Dependency Management, Governance, and Security

22. Chapter 18: Impact of Micro Frontends on UX and Screen Design

23. Chapter 19: Building a Great Developer Experience

24. Chapter 20: Case Studies

25. Index

Why subscribe?

26. Other Books You May Enjoy

Basics of SPA composition

SPA composition builds on top of client-side composition. However, instead of explicitly mentioning HTML tags, we just load the micro frontends in form of some script files. These scripts will automatically integrate the contained components, mounting and rendering them when certain conditions are fulfilled. In case of fulfilled conditions, we refer to those sub-applications (independent or little SPAs) as being active. The trick is that these independent SPAs will not always be active – and if they are active, they may coexist within one another.

As with all the other patterns, we start our journey into SPA composition with a look at its architecture. Then we follow the essential steps to come up with a sample implementation. Finally, we look at potential enhancements for the derived sample.