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

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

Key Features:

• Go through strategies for building and deploying production-grade micro frontends on the cloud
• Explore the right choice and guiding principles to build different micro frontend patterns
• Learn how to use React the right way to build and deploy micro frontends with this step-by-step guide
• Purchase of the print or Kindle book includes a free PDF eBook

Book Description:

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.

What You Will Learn:

• Discover two primary patterns for building micro frontends
• Explore how to set up monorepos for efficient team collaboration
• Deal with complexities such as routing and sharing state between different micro frontends
• Understand how module federation works and use it to build micro frontends
• Find out how to deploy micro frontends to cloud platforms
• Figure out how to build the right development experience for teams

Who this book is for:

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.

成為一位全生命週期開發者，不僅學習如何建立微前端，還能在雲原生環境中高效地部署和管理它們。

主要特點：
- 探索在雲上建立和部署生產級微前端的策略
- 探索建立不同微前端模式的正確選擇和指導原則
- 學習如何正確使用React逐步指南來建立和部署微前端
- 購買印刷版或Kindle書籍將包含免費的PDF電子書

書籍描述：
儘管React和單頁應用程序（SPA）是建立現代Web應用程序的受歡迎且高性能工具，但隨著應用程序和團隊的增長，它們變得越來越緩慢。為了解決這個問題，許多大型Web應用程序開始將單頁應用程序拆分為可獨立部署的較小應用程序和組件，這種模式被稱為微前端。但是微前端並不是一個完美的解決方案，而是一把雙刃劍。本書教你如何使用正確的原則來架構和構建微前端，以獲得所有的好處而避免陷阱。

本書將介紹兩種構建微前端的模式，即多SPA模式和微應用程序模式。您將了解何時使用哪些模式，以及使用Kubernetes和Firebase等雲原生技術部署這些微前端的細微差別。通過本書的幫助，您將深入了解狀態管理、解決路由問題以及不同微前端之間的部署策略。

通過本書，您將學習如何使用模塊聯邦設計和構建基於React的微前端應用程序，並高效地部署到雲端。

您將學到：
- 探索構建微前端的兩種主要模式
- 探索如何設置單一存儲庫以實現團隊協作的高效性
- 處理不同微前端之間的路由和狀態共享等複雜性
- 理解模塊聯邦的工作原理並使用它來構建微前端
- 了解如何將微前端部署到雲平台
- 理解如何為團隊構建正確的開發體驗

本書適合中高級開發人員，具備React和JavaScript、TypeScript的Web應用程序開發的工作知識。了解客戶端和服務器端渲染、React、NodeJS、Webpack以及Kubernetes和無服務計算等基本概念是可取的，但不是必需的。