Building Micro Frontends with React 18: Develop and deploy scalable applications using micro frontend strategies

by Vinci J Rufus

Become a full life cycle developer by not only learning how to build micro frontends but also deploying and managing them efficiently in a cloud-native environment Although deservedly popular and highly performant tools for building modern web applications, React and single-page applications (SPAs) become more and more sluggish as your applications and teams grow. To solve this problem, many large web apps have started to break down monolith SPAs into independently deployable smaller apps and components—a pattern called micro frontends. But micro frontends aren't a perfect solution, but rather a double-edged sword. This book teaches you how to architect and build them with the right principles to reap all the benefits without the pitfalls. This book will take you through two patterns of building micro frontends, the multi-SPA pattern and the micro apps pattern. You’ll find out which patterns to use and when, as well as take a look at the nuances of deploying these micro frontends using cloud-native technologies such as Kubernetes and Firebase. With the help of this book, you’ll gain an in-depth understanding of state management, solving problems with routing, and deployment strategies between the different micro frontends. By the end of this book, you’ll have learned how to design and build a React-based micro frontend application using module federation and deploy it to the cloud efficiently. This book is for intermediate- to advanced-level developers with a working knowledge of React and web application development with JavaScript and TypeScript. Knowledge of concepts like client-side and server-side rendering, React, NodeJS, Webpack, and the basics of Kubernetes and serverless computing is desirable, but not necessary.

Genres: Programming

218 pages, Paperback

Published October 20, 2023

Reviews

[Martin · Rating 5 out of 5]

After reading Micro Frontends in Action, I have read a few other books and was disappointed every time. This book gave hope as to a very modern and up to date approach on Micro Frontends or 'Decoupled Modular Frontends' as we should call it.

Very practical examples, static storage & cloud storage with Kubernetes. As I am using MFEs in production, this book really made a lot of sense and answered a lot questions/challenges I was facing. I am very happy to have it and will use it as a reference in the future as well. (I have the paperback, it's light to carry around)

In my case we have a big monolith we need to cut up and don't have enough teams to split it up too much. The monorepo approach makes a lot of sense. Which is also very detailed explained with examples used from NX. How to organize, how to deploy, set up accounts..

If you don't use Firebase or Azure, like in my case, don't worry, a lot is the same and you get a great base knowledge on how it would work, some commands might be different according to the CLI, but the idea is the same.

I would recommend this to everyone interested in getting started with the practical side of Decoupled Modular Frontends. It will not be a good book for Managers only interested in what the idea is. This is really hands on stuff.