Micro frontends
27 moments from 16 videos · 1:45:31 total
This selection of talks helps system architects and senior frontend engineers design decoupled, scalable web applications using micro frontend principles.
Building a seamless unified interface with micro frontends
Incorporating micro frontends into a single host system allows independent deployment while presenting users with a unified web and mobile experience.
Introduction to micro frontend architecture
Restructuring a monolithic application into standalone systems that deploy independently and stitch together dynamically.
Live configuration of custom micro frontend deployment options
Disabling individual micro frontends updates the user interface instantly via a central feed service.
Introduction to micro frontends and platform architecture
Real-world experiences dictate building practical architectural designs for micro frontends.
Building a distributed micro frontend application locally
A local implementation of an orchestrator dynamically extracts logic requirements before loading target micro frontends.
Splitting large monolithic frontends for team autonomy
Micro frontends preserve the agility of small teams by allowing independent development and deployment.
Sustaining micro frontend infrastructure with dedicated platform teams
Complex micro frontend architectures necessitate small centralized platform teams that provide guidelines, helpers, and integration workarounds.
Replacing legacy publishing with composable micro frontends
Integrating React-based micro frontends into existing content management systems to accelerate onboarding and deployment times.
Integrating independent web applications using micro frontends
Merging decentralized frontend projects built by autonomous teams into a single overarching interface.
Micro frontends and Webpack module federation challenges
Runtime integration of micro frontends traditionally relies on Webpack module federation despite emerging bundler alternatives.
Combining micro frontends and the modular monolith pattern
Isolating deployable micro frontends within a single structured repository to maximize architectural benefits.
Scaling development teams with micro frontend architecture
How subdividing huge user interfaces grants individual teams maximum technical freedom.
Introduction to micro frontends and architectural consequences
Evaluating consequences over absolute best practices helps determine if scaling with independent teams justifies the complexity of an application shell.
Implementing micro frontends with webpack module federation
Decoupling the compilation process with webpack plugins enables host applications to load separate remote bundles on demand without upfront knowledge.
Why companies scale application development with micro frontends
Case studies reveal that isolating business domains and scaling teams are the primary drivers for splitting large codebases.
Reviewing tradeoffs and testing risks of micro frontends
Shifting build-time dependencies to runtime requires rigorous integration testing to catch version mismatches before production.
Advantages of adopting micro frontend architectural patterns
Decoupling frontends into isolated repositories grants teams autonomy and simplifies rollbacks without blocking global deployments.
Distinguishing between micro-frontends and ui components
Micro-frontends encapsulate entire business subdomains independently whereas components rely entirely on contextual property injection.
History and evolution of micro-frontends
The shift from early experiments at companies like Zalando to widespread industry adoption.
Primary benefits of micro-frontend architectures
How independent deployments and decentralized decision-making accelerate delivery and empower engineering teams.
Scaling template adoption and expanding to micro frontends
Lowering the barrier to infrastructure configuration allows backend template patterns to naturally extend into frontends.
Differentiating domain-aware micro-frontends from UI components
Why micro-frontends must own their business domain rather than exposing large APIs like traditional reusable components.
Mitigating redundant backend API calls across overlapping micro-frontends
Resolving redundant scaling bottlenecks when overlapping micro-frontend domains accidentally bombard backend microservices with identical data requests.
Understanding the engineering benefits of micro-frontend architectures
How incremental upgrades, decentralization, and reduced cognitive load empower scalable engineering teams.
Transitioning monolithic page structures to distributed front-end architectures
Distributed micro-frontends require opinionated multi-environment strategies and robust component discovery to handle autonomous team deployments safely.
Implementing localized standard templates for micro-frontends
Creating shared component libraries and centralized templates to unify distributed development pipelines.
Core reasons for sharing micro frontend dependencies
Sharing dependencies improves performance, ensures UI consistency, prevents compatibility errors, and streamlines security patching.
Your mix. Instantly.
More mixes
AI & Machine Learning
AI coding agents
AI & Machine Learning
MCP (Model Context Protocol)
AI & Machine Learning
RAG
Languages & Frameworks
TypeScript
Languages & Frameworks
React
Languages & Frameworks
Java
Cloud, Platform & Data
Platform engineering
Cloud, Platform & Data
Observability
Cloud, Platform & Data
Infrastructure as code
Architecture, Quality & Security
System architecture
Architecture, Quality & Security
Code review
Architecture, Quality & Security
Software supply chain security
Leadership, Career & Community
Engineering strategy
Leadership, Career & Community
Developer experience
Leadership, Career & Community