> Markdown version of [/playlists/micro-frontends](https://www.wearedevelopers.com/playlists/micro-frontends). Every page supports `.md` or `Accept: text/markdown`. Links point to the HTML versions so they work for humans too. Agent guide: [/agents.md](https://www.wearedevelopers.com/agents.md). --- # Playlist: Micro frontends 16 videos · 27 moments · 105.5 minutes ## Crew Management System for Airlines: Plan duties for pilots & flight attendants worldwide - **Building a seamless unified interface with micro frontends** (11:50, 1min) — Incorporating micro frontends into a single host system allows independent deployment while presenting users with a unified web and mobile experience. [Learn more](https://www.wearedevelopers.com/videos/1444-crew-management-system-for-airlines-plan-duties-for-pilots-flight-attendants-worldwide) ## Destructuring Frontend monoliths with MicroFrontends - **Introduction to micro frontend architecture** (02:00, 2min) — Restructuring a monolithic application into standalone systems that deploy independently and stitch together dynamically. [Learn more](https://www.wearedevelopers.com/videos/318-destructuring-frontend-monoliths-with-microfrontends) ## Multiple Ships to the Island - Micro Frontends & Island Architectures - **Live configuration of custom micro frontend deployment options** (14:42, 5min) — Disabling individual micro frontends updates the user interface instantly via a central feed service. - **Introduction to micro frontends and platform architecture** (00:02, 1min) — Real-world experiences dictate building practical architectural designs for micro frontends. - **Building a distributed micro frontend application locally** (35:48, 9min) — A local implementation of an orchestrator dynamically extracts logic requirements before loading target micro frontends. [Learn more](https://www.wearedevelopers.com/videos/872-multiple-ships-to-the-island-micro-frontends-island-architectures) ## Advanced Micro Frontends: Multi-Version and Multi-Framework Scenarios - **Splitting large monolithic frontends for team autonomy** (00:05, 1min) — Micro frontends preserve the agility of small teams by allowing independent development and deployment. - **Sustaining micro frontend infrastructure with dedicated platform teams** (21:39, 1min) — Complex micro frontend architectures necessitate small centralized platform teams that provide guidelines, helpers, and integration workarounds. [Learn more](https://www.wearedevelopers.com/videos/1677-advanced-micro-frontends-multi-version-and-multi-framework-scenarios) ## Empowering Thousands of Developers: Our Journey to an Internal Developer Platform - **Replacing legacy publishing with composable micro frontends** (22:51, 2min) — Integrating React-based micro frontends into existing content management systems to accelerate onboarding and deployment times. [Learn more](https://www.wearedevelopers.com/videos/1519-empowering-thousands-of-developers-our-journey-to-an-internal-developer-platform) ## Building the Right Product and Building It Right: A Glimpse into Extreme Programming, Atomic Design - **Integrating independent web applications using micro frontends** (10:49, 3min) — Merging decentralized frontend projects built by autonomous teams into a single overarching interface. [Learn more](https://www.wearedevelopers.com/videos/398-building-the-right-product-and-building-it-right-a-glimpse-into-extreme-programming-atomic-design) ## Native Federation: The Future of Micro Frontends and Plugin-Systems in Angular - **Micro frontends and Webpack module federation challenges** (00:02, 6min) — Runtime integration of micro frontends traditionally relies on Webpack module federation despite emerging bundler alternatives. [Learn more](https://www.wearedevelopers.com/videos/1018-native-federation-the-future-of-micro-frontends-and-plugin-systems-in-angular) ## Stairway to Heaven - Scaling Frontends the Right Way - **Combining micro frontends and the modular monolith pattern** (29:35, 3min) — Isolating deployable micro frontends within a single structured repository to maximize architectural benefits. - **Scaling development teams with micro frontend architecture** (04:07, 2min) — How subdividing huge user interfaces grants individual teams maximum technical freedom. [Learn more](https://www.wearedevelopers.com/videos/492-stairway-to-heaven-scaling-frontends-the-right-way) ## Micro Frontends with Module Federation: Why and How? - **Introduction to micro frontends and architectural consequences** (00:02, 3min) — Evaluating consequences over absolute best practices helps determine if scaling with independent teams justifies the complexity of an application s... - **Implementing micro frontends with webpack module federation** (14:40, 9min) — 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** (03:58, 10min) — 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** (41:06, 2min) — Shifting build-time dependencies to runtime requires rigorous integration testing to catch version mismatches before production. [Learn more](https://www.wearedevelopers.com/videos/165-micro-frontends-with-module-federation-why-and-how) ## Microfrontends: Lessons Learned from Growing a Design System and Shared Libraries Across 20+ teams - **Advantages of adopting micro frontend architectural patterns** (13:07, 2min) — Decoupling frontends into isolated repositories grants teams autonomy and simplifies rollbacks without blocking global deployments. [Learn more](https://www.wearedevelopers.com/videos/100153-microfrontends-lessons-learned-from-growing-a-design-system-and-shared-libraries-across-20-teams) ## Micro-frontends anti-patterns - **Distinguishing between micro-frontends and ui components** (07:03, 4min) — Micro-frontends encapsulate entire business subdomains independently whereas components rely entirely on contextual property injection. - **History and evolution of micro-frontends** (00:02, 3min) — The shift from early experiments at companies like Zalando to widespread industry adoption. - **Primary benefits of micro-frontend architectures** (04:00, 3min) — How independent deployments and decentralized decision-making accelerate delivery and empower engineering teams. [Learn more](https://www.wearedevelopers.com/videos/299-micro-frontends-anti-patterns) ## Rapid Microservice Development with Project Templates - **Scaling template adoption and expanding to micro frontends** (18:04, 3min) — Lowering the barrier to infrastructure configuration allows backend template patterns to naturally extend into frontends. [Learn more](https://www.wearedevelopers.com/videos/1419-rapid-microservice-development-with-project-templates) ## Micro-frontends anti-patterns - **Differentiating domain-aware micro-frontends from UI components** (04:33, 4min) — 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** (25:15, 4min) — Resolving redundant scaling bottlenecks when overlapping micro-frontend domains accidentally bombard backend microservices with identical data requ... - **Understanding the engineering benefits of micro-frontend architectures** (00:05, 4min) — How incremental upgrades, decentralization, and reduced cognitive load empower scalable engineering teams. [Learn more](https://www.wearedevelopers.com/videos/420-micro-frontends-anti-patterns) ## Micro-Frontends Discovery - **Transitioning monolithic page structures to distributed front-end architectures** (02:05, 2min) — Distributed micro-frontends require opinionated multi-environment strategies and robust component discovery to handle autonomous team deployments s... [Learn more](https://www.wearedevelopers.com/videos/1012-micro-frontends-discovery) ## The Pragmatic Architect: Balancing Necessity vs. Sufficiency in React Systems - **Implementing localized standard templates for micro-frontends** (12:48, 1min) — Creating shared component libraries and centralized templates to unify distributed development pipelines. [Learn more](https://www.wearedevelopers.com/videos/2101-the-pragmatic-architect-balancing-necessity-vs-sufficiency-in-react-systems) ## The Dependency Cookbook - Recipes for Micro Frontend success - **Core reasons for sharing micro frontend dependencies** (03:51, 2min) — Sharing dependencies improves performance, ensures UI consistency, prevents compatibility errors, and streamlines security patching. [Learn more](https://www.wearedevelopers.com/videos/1431-the-dependency-cookbook-recipes-for-micro-frontend-success)