Apply your experience of web development with HTML and JavaScript to build micro frontends for large-scale web projects using frameworks such as React and popular web tooling such as Node.js with Express or webpack
Key Features
Cut through the complexities of designing a monolithic web architecture using micro frontend architecture
Explore architecture patterns for building large-scale applications
Learn how to build, test, and secure your micro frontends efficiently
Book Description
Micro frontend is a web architecture for frontend development borrowed from the idea of microservices in software development, where each module of the frontend is developed and shipped in isolation to avoid complexity and a single point of failure for your frontend.
Complete with hands-on tutorials, projects, and self-assessment questions, this easy-to-follow guide will take you through the patterns available for implementing a micro frontend solution. You'll learn about micro frontends in general, the different architecture styles and their areas of use, how to prepare teams for the change to micro frontends, as well as how to adjust the UI design for scalability. Starting with the simplest variants of micro frontend architectures, the book progresses from static approaches to fully dynamic solutions that allow maximum scalability with faster release cycles. In the concluding chapters, you'll reinforce the knowledge you've gained by working on different case studies relating to micro frontends.
By the end of this book, you'll be able to decide if and how micro frontends should be implemented to achieve scalability for your user interface (UI).
What you will learn
Understand how to choose the right micro frontend architecture
Design screens for compositional UIs
Create a great developer experience for micro frontend solutions
Achieve enhanced user experiences with micro frontends
Introduce governance and boundary checks for managing distributed frontends
Build scalable modular web applications from scratch or by migrating an existing monolith
Who this book is for
This book is for software/solution architects or (mostly lead) developers as well as web developers and frontend engineers. Beginner-level knowledge of HTML and CSS along with a solid understanding of JavaScript programming and its ecosystem, including Node.js and NPM, is assumed.
Table of Contents
Why Microfrontends?
Common Challenges and Pitfalls
Deployment Scenarios
Domain Decomposition
Types of Micro Frontend Architectures
The Web Approach
Server-Side Composition
Edge-Side Composition
Client-Side Composition
SPA Composition
Siteless UIs
Preparing Teams and Stakeholders
Dependency Management, Governance and Security
Impact on UX and Screen Design
Developer Experience
Case Studies
About the Author
Florian Rappl is a solution architect working on distributed web applications for digital transformation and IoT projects. His main interest lies in the implementation of micro frontends and their impact on teams and business models.
As the lead architect he helped to create outstanding web applications for many industry leading companies. He regularly gives lectures on software design patterns and web development. Florian won multiple prizes for his work over the years and is recognized as a Microsoft MVP for development technologies.
He started his career in software engineering before studying physics and helping to build an energy-efficient supercomputer. Florian currently lives in Munich, Germany, with his wife and two daughters.
Product details
Publisher : Packt Publishing (June 21, 2021)
Language : English
Paperback : 310 pages
ISBN-10 : 1800563566
ISBN-13 : 978-1800563568
Item Weight : 1.18 pounds
Dimensions : 7.5 x 0.7 x 9.25 inches