Become a full life cycle developer by not just learning how to build microfrontends but deploy and manage them efficiently on a cloud-native environment
Key Features
- Walk through strategies of building production grade microfrontends and deploying them on the cloud
- Explore the right choice, the guiding principles, and how to go about building the different microfrontends patterns
- A step-by-step guide to build and deploy microfrontends using React the right way
Book Description
In the last couple of years, React and Single Page Apps (SPAs) have become the de facto tool for building modern web applications. These tools are great and highly performant to start off with, however as your application and teams grow, they become more and more sluggish. SPAs start to feel like a monolith bringing in all the problems associated with monolith apps.
A lot of large web apps have started to break down the monolith SPAs into independently deployable smaller apps and components, this pattern is being called Microfrontends.
Microfrontends are like a double-edged sword, if not architected and built with the right principles, they can actually cause more problems than the benefits they promise.
This book will take the readers through two patterns of building microfrontends what we refer to as the multi-SPA pattern and the micro apps pattern. We will discuss when to use what pattern and look at the nuances of deploying these microfrontends using cloud-native technologies like Kubernetes and edge workers. We will cover in-depth about solving problems with routing, state management, and deployment strategies between the different microfrontends.
By the end of this book, you will be able to design and build a React-based microfrontend application using module federation and deploy it to the cloud.
What you will learn
- Discover two primary patterns for building microfrontends
- Explore how to setup Monorepos for efficient team collaboration
- Learn to deal with complexities of microfrontends like routing and sharing state between different microfrontends
- Understand how module federation works and use it to build microfrontends.
- Learn to deploy microfrontends to cloud platforms
- Figure out how to build the right developer experience for teams
Who This Book Is For
This book is best for intermediate to advanced developers who have a working knowledge of React and Web application development with JavaScript, TypeScript, etc. It is desirable to have knowledge of concepts like client-side and server-side rendering, React, NodeJS, Webpack, and the basics of Kubernetes and serverless computing.
Table of Contents
- Different patterns of Micro Frontends
- Key Principles when Building Microfrontends
- MonoRepos vs PolyRepos
- The Macro Apps' Pattern
- The Micro Apps' Pattern
- Using Module Federation
- Deploying Micro Frontends to Static Storage
- Deploying Micro Frontends to Kubernetes
- Deploying Micro Frontends to Cloud workers
- Running Microfrontends in Production
- Best practices to avoid common mistakes
- Emerging trends in Micro Frontends
