Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Micro Frontends with Modern Angular

Avatar for Manfred Steyer Manfred Steyer
PRO
October 18, 2023
0
160

Micro Frontends with Modern Angular

Avatar for Manfred Steyer

Manfred Steyer
PRO

October 18, 2023
Tweet

More Decks by Manfred Steyer

See All by Manfred Steyer
Modern Angular with Signals and Signal Store: New Rules for Your Architecture @jax2025 in Mainz, Germany
Avatar for Manfred Steyer manfredsteyer
PRO
0
5
Premier Disciplin for Micro Frontends Multi Version/ Framework Scenarios
Avatar for Manfred Steyer manfredsteyer
PRO
0
16
Your Architecture as a Crime Scene Forensic Analysis
Avatar for Manfred Steyer manfredsteyer
PRO
0
17
Live Coding: Migrating an Application to Signals
Avatar for Manfred Steyer manfredsteyer
PRO
0
15
The Missing Link in Angular’s Signal Story: Resource API and httpResource
Avatar for Manfred Steyer manfredsteyer
PRO
0
140
Strategic Design (DDD) for the Frontend @DDD Meetup Stuttgart
Avatar for Manfred Steyer manfredsteyer
PRO
0
190
Module Boundaries and Architecture with Forensic Analysis @NxSummit Amsterdam 2025
Avatar for Manfred Steyer manfredsteyer
PRO
0
120
Signal-Based Data Fetching With the New httpResource
Avatar for Manfred Steyer manfredsteyer
PRO
0
210
Modern Angular: Renovation for Your Applications @angularDays 2025 Munich
Avatar for Manfred Steyer manfredsteyer
PRO
0
210

Featured

See All Featured
Intergalactic Javascript Robots from Outer Space
Avatar for Vicent Martí tanoku
270
27k
Rails Girls Zürich Keynote
Avatar for Gregor Martynus gr2m
94
13k
Navigating Team Friction
Avatar for Lara Hogan lara
185
15k
Facilitating Awesome Meetings
Avatar for Lara Hogan lara
54
6.3k
How STYLIGHT went responsive
Avatar for nonsquared nonsquared
100
5.5k
How To Stay Up To Date on Web Technology
Avatar for Chris Coyier chriscoyier
790
250k
Speed Design
Avatar for Sergey Chernyshev sergeychernyshev
29
920
Improving Core Web Vitals using Speculation Rules API
Avatar for Sergey Chernyshev sergeychernyshev
13
820
Art, The Web, and Tiny UX
Avatar for Lynn Fisher lynnandtonic
298
20k
RailsConf 2023
Avatar for Aaron Patterson tenderlove
30
1.1k
Optimizing for Happiness
Avatar for Tom Preston-Werner mojombo
378
70k
KATA
Avatar for Megan Lloyd mclloyd
29
14k

Transcript

  1. @ManfredSteyer Micro Frontends with Modern Angular ManfredSteyer

  2. @ManfredSteyer Angular is changing …

  3. @ManfredSteyer

  4. @ManfredSteyer

  5. @ManfredSteyer Federation & Standalone & esbuild Frankenstein w/ Angular Elements

  6. @ManfredSteyer Manfred Steyer

  7. @ManfredSteyer

  8. @ManfredSteyer Booking App Check-in App Boarding App Luggage App

  9. @ManfredSteyer

  10. @ManfredSteyer const Component = await import('other-app/xyz')

  11. @ManfredSteyer const Component = await import('other-app/xyz')

  12. @ManfredSteyer

  13. @ManfredSteyer

  14. @ManfredSteyer

  15. @ManfredSteyer Mindset: Module Federation EcmaScript Modules Import Maps Simple config,

    sharing libs

  16. @ManfredSteyer

  17. @ManfredSteyer 1. ng add @angular-architects/native-federation […] 2. Adjust generated config

    3. Start Shell and Micro Frontends

  18. @ManfredSteyer

  19. @ManfredSteyer

  20. @ManfredSteyer Free eBook (5th Edition) ANGULARarchitects.io/book Module Federation & Nx

  21. @ManfredSteyer Module Federation: Mental Model rocks! Native Federation Web Standards

  22. @ManfredSteyer d Slides & Examples Remote Company Workshops and Consulting

    http://angulararchitects.io