Native Federation: The Future of Micro Frontend...

July 18, 2024

410

Native Federation: The Future of Micro Frontends in Angular

Manfred Steyer
PRO

July 18, 2024

Tweet

More Decks by Manfred Steyer

See All by Manfred Steyer

The Price of Micro Frontends… and Your Alternatives @bastacon 2025 in Frankfurt

0

42

Your Architecture as a Crime Scene:Forensic Analysis @bastacon 2025 in Frankfurt

0

86

Modern Angular with Signals and Signal StoreNew Rules for Your Architecture @bastacon 2025 in Frankfurt

0

5

Effective Signals in Angular 19+: Rules and Helpers

0

840

Effective Signals in Angular 19+: Rules and Helpers @ngbe2024

0

470

Your Architecture as a Crime Scene: Improvements with Forensic Analysis

0

24

Micro Frontends Unmasked Opportunities, Challenges, Alternatives

0

440

3 Effective Rules for Using Signals in Angular

0

280

Your Architecture as a Crime Scene: Improvements with Forensic Analysis @ijs Munich 2024

0

380

Other Decks in Programming

See All in Programming

From the Wild into the Clouds - Laravel Meetup Talk

0

170

Jasprが凄い話

0

180

Django NinjaによるAPI開発の効率化とリプレースの実践

1

290

GoとPHPのインターフェイスの違い

2

210

color-scheme: light dark; を完全に理解する

7

500

Kotlinの開発でも AIをいい感じに使いたい / Making the Most of AI in Kotlin Development

5

1.5k

Unity Android XR入門

0

180

Drawing Heighway’s Dragon- Recursive Function Rewrite- From Imperative Style in Pascal 64 To Functional Style in Scala 3

0

110

たのしいSocketのしくみ / Socket Under a Microscope

8

1.4k

複数のAWSアカウントから横断で利用する Lambda Authorizer の作り方

0

120

SwiftUI移行のためのインプレッショントラッキング基盤の構築

0

160

LINE messaging APIを使ってGoogleカレンダーと連携した予約ツールを作ってみた

0

120

Featured

See All Featured

Bash Introduction

611

210k

Building Adaptive Systems

40

2.4k

Dealing with People You Can't Stand - Big Design 2015

366

25k

No one is an island. Learnings from fostering a developers community.

21

3.2k

Creating an realtime collaboration tool: Agile Flush - .NET Oxford

27

1.9k

CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again

160

15k

Docker and Python

44

3.3k

[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails

33

2.1k

It's Worth the Effort

184

28k

The MySQL Ecosystem @ GitHub 2015

250

12k

StorybookのUI Testing Handbookを読んだ

28

5.5k

A Philosophy of Restraint

203

16k

Transcript

@ManfredSteyer ManfredSteyer Native Federation: The Future of Micro Frontends in
Angular WeAreDevelopers World Congress
@ManfredSteyer Booking App Check-in App Boarding App Luggage App
@ManfredSteyer
@ManfredSteyer
@ManfredSteyer
@ManfredSteyer const Component = await import('other-app/xyz')
@ManfredSteyer const Component = await import('other-app/xyz')
@ManfredSteyer
@ManfredSteyer
@ManfredSteyer Federation & esbuild Frankenstein w/ Web Components Island Architectures
@ManfredSteyer Manfred Steyer
@ManfredSteyer
@ManfredSteyer
@ManfredSteyer
@ManfredSteyer
@ManfredSteyer
@ManfredSteyer Mindset: Module Federation EcmaScript Modules Import Maps Simple config,
sharing libs
@ManfredSteyer
@ManfredSteyer 1. ng add @angular-architects/native-federation […] 2. Adjust generated config
3. Start Shell and Micro Frontends
@ManfredSteyer
@ManfredSteyer
@ManfredSteyer Wrap them into Web Components Angular App (MFE) React
App (MFE)
@ManfredSteyer
@ManfredSteyer
@ManfredSteyer
@ManfredSteyer Title Content Call to Action Info More Info
@ManfredSteyer
@ManfredSteyer
@ManfredSteyer SPA + SSR Classic SPA Complexity Complexity Monolith MF
Frankenstein Biz Apps B2C Team Autonomy →
@ManfredSteyer Free eBook (6th Edition) ANGULARarchitects.io/book 20 Chapters
@ManfredSteyer Module Federation: Mental Model rocks! Native Federation Deferred Loading
SSR with HTML Fragments
@ManfredSteyer d Slides & Examples Remote Company Workshops and Consulting
http://angulararchitects.io