WeAreDevelopers Logo WeAreDevelopers
Sign in
For You LIVE
World Congress 2024 β€’ Aug 20, 2024 β€’ Session details

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

Manfred Steyer

Are Webpack bottlenecks holding back your Angular micro frontends? Discover how Native Federation leverages web standards to seamlessly scale across modern, lightning-fast bundlers like esbuild and Vite.

Pause
Mute Enter Fullscreen
#1 about 7 min

Micro frontends and Webpack module federation challenges

Runtime integration of micro frontends traditionally relies on Webpack module federation despite emerging bundler alternatives.

#2 about 5 min

Introducing Native Federation for framework-agnostic builds

Wrapping custom bundlers with web standards like ECMAScript modules decouples builds from Webpack.

#3 about 8 min

Configuring Native Federation in Angular projects

Modifying auto-generated federation configurations allows developers to expose application modules and share dependencies securely.

#4 about 6 min

Integrating multiple frameworks with the Frankenstein architecture

Encapsulating differing frontend frameworks and versions into web components enables concurrent runtime execution.

#5 about 3 min

Optimizing application performance using island architectures

Loading non-critical micro frontends only when they scroll into view significantly improves initial application performance.

#6 about 3 min

Balancing architectural complexity and performance needs

Balancing performance requirements with architectural complexity helps teams decide when server-side rendering is genuinely necessary.

#7 about 1 min

Summary and additional developer resources for federation

A review of native federation benefits accompanies a link to an extensive ebook on scalable architecture.

Matching moments

9:16 min

Implementing micro frontends with webpack module federation

Manfred Steyer Manfred Steyer Β· World Congress 2021

3:39 min

Enabling framework-agnostic modularity with Webpack module federation

Serg Hospodarets Β· LIVE

13:09 min

Answering questions on micro-frontend adoption and tooling

Luca Mezzalira Luca Mezzalira Β· JS Congress

2:39 min

Addressing developer questions on framework capabilities and architectural alternatives

Christian Liebel Christian Liebel Β· World Congress 2022

2:26 min

Summarizing module federation patterns and architectural choices

Manfred Steyer Manfred Steyer Β· JS Congress

2:09 min

Core concepts and architecture of the NativeScript framework

Rowdy Rabouw Rowdy Rabouw Β· LIVE

More from World Congress 2024

Beyond the Hype: Real-World AI Strategies Panel thumbnail
24:07
about 1 year ago

Beyond the Hype: Real-World AI Strategies Panel

Mike Butcher, JΓΌrgen MΓΌller, Katrin Lehmann, Tobias Regenfuss

Carl Lapierre - Exploring Advanced Patterns in Retrieval-Augmented Generation thumbnail
21:17
almost 2 years ago

Carl Lapierre - Exploring Advanced Patterns in Retrieval-Augmented Generation

Carl Lapierre

Coding an Immersive Copilot using Unity / .NET and Azure OpenAI! thumbnail
31:50
about 2 years ago

Coding an Immersive Copilot using Unity / .NET and Azure OpenAI!

Zaid Zaim

Building a diverse tech company: The power of Diversity, Equity, Inclusion, and Belonging thumbnail
29:43
about 2 years ago

Building a diverse tech company: The power of Diversity, Equity, Inclusion, and Belonging

Sue Quackenbush

Livecoding with AI thumbnail
31:39
about 2 years ago

Livecoding with AI

Rainer Stropek

Dapr in Practice thumbnail
24:08
about 2 years ago

Dapr in Practice

marcklefter

Upcoming sessions on this topic

Open session

From Profiler to Production: Measuring What Actually Matters in React & React Native

  • Andrei Tazetdinov

    Dynatrace

    React Native Developer

Open session

React Under Fire: Rendering Performance for Streaming Agent UIs

  • Abhirupa Mitra

    Slack

    Senior Member of Technical Staff

Open session

Designing for Every Direction: Logical CSS for Global, Adaptive, and Effortlessly Reversible UIs

  • Vidhya Krishnamoorthy

    Morgan Stanley

    VP, Software Engineering Manager

Open session

Supply Chain Security for the Everyday Engineer

  • Pradumna Saraf

    Kestra Technologies

    Quality Assurance Engineer

Open session

Multi-Cloud Isn't a Project. It's a Side Effect.

  • Antonio Mendoza PΓ©rez

    Temporal Technologies

    Staff Developer Success Engineer

  • Gaurav Thadani

    Temporal

    Staff Developer Success Engineer

Open session

Beyond File Dumps: Context Engineering for Coding Agents

  • Animesh Dutta

    Arm

    Senior Software Engineer

Related videos

Micro Frontends with Module Federation: Why and How? thumbnail
45:40
World Congress 2021 β€’ about 5 years ago

Micro Frontends with Module Federation: Why and How?

Manfred Steyer

The Microfrontend Revolution- Using Webpack 5 Module Federation with Angular thumbnail
33:18
LIVE β€’ over 5 years ago

The Microfrontend Revolution- Using Webpack 5 Module Federation with Angular

Manfred Steyer

Micro-Frontends with Module Federation: Beyond the Basics thumbnail
44:35
JS Congress β€’ almost 5 years ago

Micro-Frontends with Module Federation: Beyond the Basics

Manfred Steyer

Advanced Micro Frontends: Multi-Version and Multi-Framework Scenarios thumbnail
24:47
World Congress 2025 β€’ about 1 year ago

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

Manfred Steyer

Front-End Micro Apps thumbnail
35:17
LIVE β€’ over 5 years ago

Front-End Micro Apps

Serg Hospodarets

Multiple Ships to the Island - Micro Frontends & Island Architectures thumbnail
59:03
LIVE β€’ over 2 years ago

Multiple Ships to the Island - Micro Frontends & Island Architectures

Florian Rappl

Related articles

From learning to earning

Jobs that call for the skills explored in this talk.