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

Vinci J Rufus

ISBN 10: 1804610968 / ISBN 13: 9781804610961

Published by Packt Publishing, 2023

About this Item

nach der Bestellung gedruckt Neuware - Printed after ordering - 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 environmentKey Features:Go through strategies for building and deploying production-grade micro frontends on the cloudExplore the right choice and guiding principles to build different micro frontend patternsLearn how to use React the right way to build and deploy micro frontends with this step-by-step guidePurchase of the print or Kindle book includes a free PDF Elektronisches BuchBook 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 frontendsExplore how to set up monorepos for efficient team collaborationDeal with complexities such as routing and sharing state between different micro frontendsUnderstand how module federation works and use it to build micro frontendsFind out how to deploy micro frontends to cloud platformsFigure out how to build the right development experience for teamsWho 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.

Seller Inventory # 9781804610961

Bibliographic Details

• Title: Building Micro Frontends with React 18 : Develop and deploy scalable applications using micro frontend strategies
• Publisher: Packt Publishing
• Publication Date: 2023
• Language: English
• ISBN 10: 1804610968
• ISBN 13: 9781804610961
• Binding: Taschenbuch
• Condition: Neu
• Dimensions: 235W x 191H x 13D millimeters 235 millimeters width by 191 millimeters height by 13 millimeters depth
• Weight: 417 grams

About this title

Synopsis

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.

Table of Contents

1. Introducing Microfrontends
2. Key Principles and Components of Microfrontends
3. Monorepos vs Polyrepos for Microfrontends
4. Implementing the Multi-SPA Pattern for Microfrontends
5. Implementing the Micro-Apps Pattern for Microfrontends
6. Server-Rendered Microfrontends
7. Deploying Microfrontends to Static Storage
8. Deploying Microfrontends to Kubernetes
9. Managing Microfrontends in Production
10. Common Pitfalls to avoid when Building Microfrontends
11. Latest Trends in Microfrontends

About the Author

Vinci Rufus is a VP for technology at Publicis Sapient. He has spent over 25 years building web applications using various technologies. He has been focused on building micro frontends for about half a decade and has successfully built and managed micro frontend-based applications for a few large clients. He was formerly a Google Developer Expert and has had the opportunity to speak at numerous conferences on modern frontend and cloud-native technologies.