Description
Book SynopsisBy adopting the micro frontends approach and designing your web apps as systems of features, you can deliver faster feature development, easier upgrades, and pick and choose the technology you use in your stack.
Micro Frontends in Action is your guide to simplifying unwieldy frontends by composing them from small, well-defined units. You’ll learn to integrate web applications made up of smaller fragments using tools such as web components or server side includes, how to solve the organizational challenges of micro frontends, and how to create a design system that ensures an end user gets a consistent look and feel for your application.
Key Features
· Applying integration strategies with iframes, AJAX, server-side includes, web components and the app-shell approach
· Optimizing for performance and asset delivery strategies
· Designing coherent user interfaces
· Migrating to a micro frontends architecture
For intermediate web developers, team leaders, and software architects.
About the technology
The micro frontends approach extends the principles of microservices to frontend development. The application is divided into multiple independent vertical slices–from the database right up to the UI–then integrated using standards such as web components into a single user-facing frontend. Thanks to the smaller scope of a micro frontend, teams can deliver features faster, upgrade more easily, and make their own choices about their technology stack.
Michael Geers is a software developer specializing in building user interfaces. He has written software for the web since he was a teenager. In the last few years, he has worked on various customer projects with verticalized architectures. He shares his experiences on this topic at international conferences, in a series of magazine articles, and website.
Table of ContentsWelcome
MEAP VERSION 4
1 What Are Micro Frontends?
2 My First Micro Frontends Project
3 Composition with AJAX & Server-side Routing
4 Server-side Composition
5 Client-side Composition
6 Communication Patterns
7 Client-side Routing & The Application Shell
8 Composition & Universal Rendering
9 Which Architecture Fits My Project?
10 Asset Loading
11 Performance is Key
12 User Interface & Design System
13 Teams & Boundaries
14 Migration, Local Development & Testing
