Lucas Braeschke & Stefan Bley

The Dependency Cookbook - Recipes for Micro Frontend success

What happens when a dependency update breaks your entire micro frontend? This talk offers the recipes for a resilient, scalable architecture.

The Dependency Cookbook - Recipes for Micro Frontend success
#1about 3 minutes

The challenge of dependencies in regulated micro frontends

A complex healthcare application's move to micro frontends highlights the business risk of dependency conflicts, where technical upgrades can force feature deactivation.

#2about 2 minutes

Four key reasons for sharing dependencies in micro frontends

Sharing dependencies improves performance by reducing bundle sizes, ensures UI consistency, prevents runtime errors from incompatible libraries, and simplifies security patching.

#3about 2 minutes

Categorizing dependencies from easy to very hard

Dependencies can be classified as easy (small, stateless), tricky (large, global state), or very hard (singletons like PDF.js that cannot coexist in multiple versions).

#4about 2 minutes

Defining core use cases for dependency management

A robust solution must support using multiple dependency versions, sharing large libraries like Angular, and unifying versions to apply critical security fixes efficiently.

#5about 3 minutes

Using native browser import maps for dependencies

Import maps offer a native, library-free way to manage dependencies by mapping specifiers to URLs, enabling lazy loading but currently limited to a single map per page.

#6about 4 minutes

Managing dependencies with Webpack's Module Federation

Module Federation provides a bundler plugin to share dependencies, negotiate compatible versions at runtime, and allow micro frontends to use their own fallbacks if a match isn't found.

#7about 4 minutes

Choosing a strategy and final recommendations

The choice between native import maps and a framework like Module Federation depends on scale, but it is critical to plan for dependency management and singleton conflicts early.

Related jobs
Jobs that call for the skills explored in this talk.

Matching moments

Why you might not need JavaScript for everything
02:33 MIN

Why you might not need JavaScript for everything

WeAreDevelopers LIVE – You Don’t Need JavaScript, Modern CSS and More

The value of progressive enhancement and semantic HTML
03:31 MIN

The value of progressive enhancement and semantic HTML

WeAreDevelopers LIVE – You Don’t Need JavaScript, Modern CSS and More

Improving the developer feedback loop with specialized tools
03:16 MIN

Improving the developer feedback loop with specialized tools

Developer Time Is Valuable - Use the Right Tools - Kilian Valkhof

The only frontend stack that truly matters
11:10 MIN

The only frontend stack that truly matters

WeAreDevelopers LIVE – Frontend Inspirations, Web Standards and more

Navigating the growing complexity of modern CSS
09:00 MIN

Navigating the growing complexity of modern CSS

WeAreDevelopers LIVE – You Don’t Need JavaScript, Modern CSS and More

Technical challenges of shipping a cross-platform browser
09:38 MIN

Technical challenges of shipping a cross-platform browser

Developer Time Is Valuable - Use the Right Tools - Kilian Valkhof

The trend of browsers depending on online services
06:23 MIN

The trend of browsers depending on online services

Developer Time Is Valuable - Use the Right Tools - Kilian Valkhof

The industry's focus on frameworks over web fundamentals
11:32 MIN

The industry's focus on frameworks over web fundamentals

WeAreDevelopers LIVE – Frontend Inspirations, Web Standards and more

Featured Partners

Related Videos

See all videos
Advanced Micro Frontends: Multi-Version and Multi-Framework Scenarios24:47

Advanced Micro Frontends: Multi-Version and Multi-Framework Scenarios

Manfred Steyer

Micro Frontends with Module Federation: Why and How?45:40

Micro Frontends with Module Federation: Why and How?

Manfred Steyer

Micro-Frontends with Module Federation: Beyond the Basics44:35

Micro-Frontends with Module Federation: Beyond the Basics

Manfred Steyer

Native Federation: The Future of Micro Frontends and Plugin-Systems in Angular29:36

Native Federation: The Future of Micro Frontends and Plugin-Systems in Angular

Manfred Steyer

Micro-frontends anti-patterns47:05

Micro-frontends anti-patterns

Luca Mezzalira

Multiple Ships to the Island - Micro Frontends & Island Architectures59:03

Multiple Ships to the Island - Micro Frontends & Island Architectures

Florian Rappl

The Microfrontend Revolution- Using Webpack 5 Module Federation with Angular33:18

The Microfrontend Revolution- Using Webpack 5 Module Federation with Angular

Manfred Steyer

Micro-frontends anti-patterns40:17

Micro-frontends anti-patterns

Luca Mezzalira

Related Articles

View all articles
DC
Daniel Cranney
Dev Digest 188: CfP time, the risks of NPM and IKEA algorithms
Inside last week’s Dev Digest 188 . 🤖 GitHub Copilot CLI is now in public review 💻 Microsoft is bringing ‘vibe working’ to office apps 🎣 Attackers abuse AI tools to generate captchas in fishing attacks ⚠️ When LLMs autonomously attack 🧠 Common cause...
Dev Digest 188: CfP time, the risks of NPM and IKEA algorithms

From learning to earning

Jobs that call for the skills explored in this talk.