Home Page Icon
Home Page
Table of Contents for
Building Micro-Frontends
Close
Building Micro-Frontends
by Luca Mezzalira
Building Micro-Frontends
Preface
The Frontend Landscape
Single-Page Applications
Isomorphic Applications
Static-Page Websites
Micro-Frontends
Conventions Used in This Book
O’Reilly Online Learning
How to Contact Us
Acknowledgments
1. The Frontend Landscape
Micro-Frontends Applications
Single-Page Applications
Isomorphic Applications
Static-Page Websites
JAMStack
Summary
2. Micro-Frontends Principles
Monolith to Microservices
Moving to Microservices
Introducing Micro-Frontends
Microservices Principles
Modeled Around Business Domains
Culture of Automation
Hide Implementation Details
Decentralize All the Things
Deploy Independently
Isolate Failure
Highly Observable
Applying Principles to Micro-frontends
Modeled Around Business Domains
Culture of Automation
Hide Implementation Details
Decentralization over Centralization
Deploy Independently
Isolate Failure
Highly Observable
Micro-frontends are not a silver bullet
Summary
3. Micro-Frontend Architectures and Challenges
Micro-frontends Decisions Framework
Define Micro-frontends
Domain-Driven Design with Micro-Frontends
How to define a bounded context
Micro-frontends composition
Routing micro-frontends
Micro-frontends communication
Micro-Frontends in Practice
Zalando
HelloFresh
AllegroTech
Spotify
SAP
OpenTable
DAZN
Summary
4. Build and Deploy Micro-Frontends
Automation Principles
Keep a Feedback Loop Fast
Iterate Often
Empower Your Teams
Define Your Guardrails
Define Your Test Strategy
Developers Experience (DX)
Horizontal vs. Vertical split
Frictionless Micro-Frontends blueprints
Environments strategies
Version of Control
Monorepo
Polyrepo
A possible future for a version of control systems
Continuous Integration strategies
Testing Micro-Frontends
End-to-End Testing
Fitness Functions
Micro-frontends specific operations
Deployment Strategies
Blue-Green Deployment versus Canary Releases
Strangler pattern
Observability
Summary
5. Automation pipeline for micro-frontends: A use case
Setting the Scene
Version of Control
Pipeline Initialization
Code-Quality Review
Build
Post-Build Review
Deployment
Automation Strategy Summary
Summary
6. Backend patterns for micro-frontends
Working with a Service Dictionary
Implementing a Service Dictionary in a Vertical-Split Architecture
Implementing a Service Dictionary in a Horizontal-Split Architecture
Working with an API gateway
One API entry point per business domain
A client-side composition, with an API gateway and a service dictionary
A server-side composition with an API gateway
Working with the BFF pattern
A client-side composition, with a BFF and a service dictionary
A server-side composition, with a BFF and service dictionary
Using GraphQL with micro-frontends
The schema federation
Using GraphQL with micro-frontends and client-side composition
Using GraphQL with micro-frontends and a server-side composition
Best practices
Multiple micro-frontends consuming the same API
APIs come first, then the implementation
API consistency
Web socket and micro-frontends
The right approach for the right subdomain
Designing APIs for cross-platform applications
Summary
A. What does the community think about micro-frontends?
Search in book...
Toggle Font Controls
Playlists
Add To
Create new playlist
Name your new playlist
Playlist description (optional)
Cancel
Create playlist
Sign In
Email address
Password
Forgot Password?
Create account
Login
or
Continue with Facebook
Continue with Google
Sign Up
Full Name
Email address
Confirm Email Address
Password
Login
Create account
or
Continue with Facebook
Continue with Google
Prev
Previous Chapter
Cover
Next
Next Chapter
Building Micro-Frontends
Building Micro-Frontends
Scaling Frontend Projects and Teams
Luca Mezzalira
Add Highlight
No Comment
..................Content has been hidden....................
You can't read the all page of ebook, please click
here
login for view all page.
Day Mode
Cloud Mode
Night Mode
Reset