The Art of Micro Frontends: Build websites using compositional UIs that grow naturally as your application scales

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 webpackKey FeaturesCut through the complexities of designing a monolithic web architecture using micro frontend architectureExplore architecture patterns for building large-scale applicationsLearn how to build, test, and secure your micro frontends efficientlyBook DescriptionMicro 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 learnUnderstand how to choose the right micro frontend architectureDesign screens for compositional UIsCreate a great developer experience for micro frontend solutionsAchieve enhanced user experiences with micro frontendsIntroduce governance and boundary checks for managing distributed frontendsBuild scalable modular web applications from scratch or by migrating an existing monolithWho this book is forThis 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 ContentsWhy Microfrontends?Common Challenges and PitfallsDeployment ScenariosDomain DecompositionTypes of Micro Frontend Architectures The Web ApproachServer-Side CompositionEdge-Side CompositionClient-Side CompositionSPA CompositionSiteless UIsPreparing Teams and StakeholdersDependency Management, Governance and SecurityImpact on UX and Screen DesignDeveloper ExperienceCase Studies Read more