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

Server-Rendered Microfrontends

Most JavaScript frameworks, including React, are primarily used to build client-side-rendered (CSR) applications. Client-rendered apps are great for certain use cases, such as admin dashboards or banking apps where users interact with the app in a logged-in area. CSR apps are not ideal for use cases where users access a site via a search engine or for anonymous short user journeys, such as news sites, blogs, or guest checkouts on e-commerce sites. This is because many search engine bots are not capable of indexing CSR-based web apps. CSR apps also have a poor Largest Contentful Paint (LCP) score – that is, their first-time page load performance scores are bad, leading to higher bounce rates.

To overcome these drawbacks, it is now an accepted practice to have a web app’s pages rendered on a Node.js server and serve the rendered HTML pages to the browser. This is commonly known as Server-Side Rendering (SSR), or a Server-Side-Rendered ...