You're reading from Building Micro Frontends with React 18 Develop and deploy scalable applications using micro frontend strategies

Product type Paperback

Published in Oct 2023

Publisher Packt

ISBN-13 9781804610961

Length 218 pages

Edition 1st Edition

Languages

JavaScript

Tools

React

Concepts

Front End Web Development

Author (1):

Vinci J Rufus

View More author details

Table of Contents (19) Chapters

Preface

1. Part 1: Introduction to Microfrontends

2. Chapter 1: Introducing Microfrontends FREE CHAPTER

3. Chapter 2: Key Principles and Components of Microfrontends

4. Chapter 3: Monorepos versus Polyrepos for Microfrontends

5. Part 2: Architecting Microfrontends

6. Chapter 4: Implementing the Multi-SPA Pattern for Microfrontends

7. Chapter 5: Implementing the Micro-Apps Pattern for Microfrontends

8. Chapter 6: Server-Rendered Microfrontends

9. Part 3: Deploying Microfrontends

10. Chapter 7: Deploying Microfrontends to Static Storage

11. Chapter 8: Deploying Microfrontends to Kubernetes

12. Part 4: Managing Microfrontends

13. Chapter 9: Managing Microfrontends in Production

14. Chapter 10: Common Pitfalls to avoid when Building Microfrontends

15. Part 5: Emerging Trends

16. Chapter 11: Latest Trends in Microfrontends

17. Index

Why subscribe?

18. Other Books You May Enjoy

Avoiding build-time compilation to assemble Microfrontends

There is a current trend in the frontend community to move as many tasks as possible to the build time phase of application compilation, rather than the runtime. Good examples of these are static site generation, where the HTML pages are generated at build time, or Ahead of Time (AoT) compilation in Angular, which improves the overall performance of an application.

While, in general, build-time compilation is a good practice, reducing the load on the browser and JavaScript engines during the runtime phase, it doesn’t help when assembling the microfrontend. This is because every time any microfrontend changes, you need to rebuild the assembly layer as well, defeating the principle of independent micro app deployments.

We can choose to have individual micro apps do more work during build time (e.g., generate static pages), but the assembling of micro apps or module federation should always be done on the server or...