Upgrade to PRO for Only $50/Year—Limited-Time Offer! 🔥

Beyond Micro Frontends: Frontend Moduliths for ...

Avatar for Manfred Steyer Manfred Steyer PRO
June 22, 2022
Programming
0
780

Beyond Micro Frontends: Frontend Moduliths for the Enterprise @enterjs2022

Avatar for Manfred Steyer

Manfred Steyer PRO

June 22, 2022
Tweet

More Decks by Manfred Steyer

See All by Manfred Steyer
All About Angular‘s New Signal Forms
Avatar for Manfred Steyer manfredsteyer
PRO
0
3
Full-Cycle Reactivity in Angular: SignalStore mit Signal Forms und Resources
Avatar for Manfred Steyer manfredsteyer
PRO
0
140
Your Architecture as a Crime Scene? Forensic Analysis
Avatar for Manfred Steyer manfredsteyer
PRO
0
100
Full-Cycle Reactivity in Angular: SignalStore mit Signal Forms und Resources
Avatar for Manfred Steyer manfredsteyer
PRO
0
220
Your Architecture as a Crime Scene: Forensic Analysis
Avatar for Manfred Steyer manfredsteyer
PRO
0
91
Reactive Thinking with Signals and the new Resource API
Avatar for Manfred Steyer manfredsteyer
PRO
0
200
Rethinking Angular: The Future with Signal Store and the New Resource API @w-jax 2025, Munich
Avatar for Manfred Steyer manfredsteyer
PRO
0
81
Premier Disciplin for Micro Frontends Multi Version/ Framework Scenarios
Avatar for Manfred Steyer manfredsteyer
PRO
0
130
The Missing Link in Angular's Signal Story: Resource API and httpResource
Avatar for Manfred Steyer manfredsteyer
PRO
0
160

Other Decks in Programming

See All in Programming
愛される翻訳の秘訣
Avatar for Kishikawa Katsumi kishikawakatsumi
3
330
【CA.ai #3】Google ADKを活用したAI Agent開発と運用知見
Avatar for Kazuki Hara harappa80
0
320
宅宅自以為的浪漫：跟 AI 一起為自己辦的研討會寫一個售票系統
Avatar for 高見龍 eddie
0
510
Canon EOS R50 V と R5 Mark II 購入でみえてきた最近のデジイチ VR180 事情、そして VR180 静止画に活路を見出すまで
Avatar for kazuhiro hara karad
0
120
AIコーディングエージェント（NotebookLM）
Avatar for kondai kondai24
0
200
re:Invent 2025 のイケてるサービスを紹介する
Avatar for maroon1st maroon1st
0
120
Context is King？ 〜Verifiability時代とコンテキスト設計 / Beyond "Context is King"
Avatar for r-kagaya rkaga
10
1.3k
ViewファーストなRailsアプリ開発のたのしさ
Avatar for sugiwe sugiwe
0
480
WebRTC、 綺麗に見るか滑らかに見るか
Avatar for sublimer sublimer
1
190
AtCoder Conference 2025「LLM時代のAHC」
Avatar for Yuki Imajuku imjk
2
510
20251212 AI 時代的 Legacy Code 營救術 2025 WebConf
Avatar for mouson(墨嗓) mouson
0
180
リリース時」テストから「デイリー実行」へ！開発マネージャが取り組んだ、レガシー自動テストのモダン化戦略
Avatar for goataka (GOAMI Takaaki) goataka
0
130

Featured

See All Featured
Site-Speed That Sticks
Avatar for Harry Roberts csswizardry
13
1k
No one is an island. Learnings from fostering a developers community.
Avatar for Antonio thoeni
21
3.6k
Statistics for Hackers
Avatar for Jake VanderPlas jakevdp
799
230k
Building a Modern Day 
E-commerce SEO Strategy
Avatar for Aleyda Solis aleyda
45
8.3k
Improving Core Web Vitals using Speculation Rules API
Avatar for Sergey Chernyshev sergeychernyshev
21
1.3k
Designing for Performance
Avatar for Lara Hogan lara
610
69k
Thoughts on Productivity
Avatar for Jon Yablonski jonyablonski
73
5k
Producing Creativity
Avatar for Steve Smith orderedlist
PRO
348
40k
Context Engineering - Making Every Token Count
Avatar for Addy Osmani addyosmani
9
520
Optimizing for Happiness
Avatar for Tom Preston-Werner mojombo
379
70k
GraphQLとの向き合い方2022年版
Avatar for Yosuke Kurami quramy
50
14k
Practical Orchestrator
Avatar for Shlomi Noach shlominoach
190
11k

Transcript

  1. @ManfredSteyer ManfredSteyer Manfred Steyer, ANGULARarchitects.io Beyond Micro Frontends: Frontend Moduliths

    for the Enterprise

  2. @ManfredSteyer

  3. @ManfredSteyer

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

  5. @ManfredSteyer

  6. @ManfredSteyer

  7. @ManfredSteyer

  8. @ManfredSteyer

  9. @ManfredSteyer

  10. @ManfredSteyer Manfred Steyer

  11. @ManfredSteyer

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

  13. @ManfredSteyer Shared Booking Boarding Repository n Repository 2 Repository 1

    Strict Borders

  14. @ManfredSteyer Shared Booking Boarding Repository n Repository 2 Repository 1

    Strict Borders

  15. @ManfredSteyer

  16. @ManfredSteyer Shared Booking Boarding Published via npm: Pain! SPA: Download

    into the Browser Version Mismatches?

  17. @ManfredSteyer

  18. @ManfredSteyer Monorepo Structure

  19. @ManfredSteyer Everyone uses the latest versions No version conflicts Sharing

    Libs: Easy

  20. @ManfredSteyer Npm Registry

  21. @ManfredSteyer Smart, Fast and Extensible Build System https://nrwl.io/nx

  22. @ManfredSteyer Visualize Module Structure

  23. @ManfredSteyer

  24. @ManfredSteyer

  25. @ManfredSteyer

  26. @ManfredSteyer { […] "tags": ["domain:booking", "type:app"] }

  27. @ManfredSteyer { "sourceTag": "domain:booking", "onlyDependOnLibsWithTags": ["domain:booking", "domain:shared"] }

  28. @ManfredSteyer DEMO

  29. @ManfredSteyer

  30. @ManfredSteyer

  31. @ManfredSteyer

  32. @ManfredSteyer

  33. @ManfredSteyer Booking Boarding Shared Feature Feature Feature Feature Feature UI

    UI UI UI UI UI UI UI UI Domain Domain Domain Domain Domain Domain Util Util Util Util Util Util @ManfredSteyer Smart Comp. Dumb Comp.

  34. @ManfredSteyer

  35. @ManfredSteyer Shared Booking Boarding Access Restrictions Separate Apps/ Builds/ Deployments

    Single Version: No Conflicts! Better Build Times !!!

  36. @ManfredSteyer Free eBook ANGULARarchitects.io/book

  37. @ManfredSteyer • • •

  38. @ManfredSteyer

  39. @ManfredSteyer d Slides & Examples Remote and In-House http://softwarearchitekt.at/workshops