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

Beyond Micro Frontends: Frontend Moduliths for ...

Avatar for Manfred Steyer Manfred Steyer PRO
June 14, 2022
Programming
0
430

Beyond Micro Frontends: Frontend Moduliths for the Enterprise @wad2022

Avatar for Manfred Steyer

Manfred Steyer PRO

June 14, 2022
Tweet

More Decks by Manfred Steyer

See All by Manfred Steyer
Premier Disciplin for Micro Frontends Multi Version/ Framework Scenarios @OOP 2026, Munic
Avatar for Manfred Steyer manfredsteyer
PRO
0
88
Beyond the Basics: Signal Forms
Avatar for Manfred Steyer manfredsteyer
PRO
0
62
360° Signals in Angular: Signal Forms with SignalStore & Resources @ngLondon 01/2026
Avatar for Manfred Steyer manfredsteyer
PRO
0
130
All About Angular‘s New Signal Forms
Avatar for Manfred Steyer manfredsteyer
PRO
0
29
Full-Cycle Reactivity in Angular: SignalStore mit Signal Forms und Resources
Avatar for Manfred Steyer manfredsteyer
PRO
0
260
Your Architecture as a Crime Scene? Forensic Analysis
Avatar for Manfred Steyer manfredsteyer
PRO
0
180
Full-Cycle Reactivity in Angular: SignalStore mit Signal Forms und Resources
Avatar for Manfred Steyer manfredsteyer
PRO
0
280
Your Architecture as a Crime Scene: Forensic Analysis
Avatar for Manfred Steyer manfredsteyer
PRO
0
130
Reactive Thinking with Signals and the new Resource API
Avatar for Manfred Steyer manfredsteyer
PRO
0
250

Other Decks in Programming

See All in Programming
CSC307 Lecture 01
Avatar for Javier Gonzalez-Sanchez javiergs
PRO
0
690
CSC307 Lecture 08
Avatar for Javier Gonzalez-Sanchez javiergs
PRO
0
670
humanlayerのブログから学ぶ、良いCLAUDE.mdの書き方
Avatar for Yuto tsukamoto1783
0
200
Package Management Learnings from Homebrew
Avatar for Mike McQuaid mikemcquaid
0
230
AIエージェント、”どう作るか”で差は出るか？ / AI Agents: Does the "How" Make a Difference?
Avatar for r-kagaya rkaga
4
2k
登壇資料を作る時に意識していること #登壇資料_findy
Avatar for konifar konifar
4
1.6k
なるべく楽してバックエンドに型をつけたい！(楽とは言ってない)
Avatar for HIBIKI CUBE hibiki_cube
0
140
Best-Practices-for-Cortex-Analyst-and-AI-Agent
Avatar for ryotaro.ikeda@finatext.com ryotaroikeda
1
110
OSSとなったswift-buildで Xcodeのビルドを差し替えられるため 自分でXcodeを直せる時代になっている ダイアモンド問題編
Avatar for yimajo yimajo
3
630
コマンドとリード間の連携に対する脅威分析フレームワーク
Avatar for Aja9tochin pandayumi
1
460
AIフル活用時代だからこそ学んでおきたい働き方の心得
Avatar for shinoyu shinoyu
0
140
生成AIを使ったコードレビューで定性的に品質カバー
Avatar for Chiaki Okamoto chiilog
1
280

Featured

See All Featured
ラッコキーワード サービス紹介資料
Avatar for ラッコ株式会社 rakko
1
2.3M
The B2B funnel & how to create a winning content strategy
Avatar for Katarina Dahlin katarinadahlin
PRO
1
280
Un-Boring Meetings
Avatar for Sebastian Deterding codingconduct
0
200
sira's awesome portfolio website redesign presentation
Avatar for ElsiraPls elsirapls
0
150
Faster Mobile Websites
Avatar for Dean Hume deanohume
310
31k
Side Projects
Avatar for Sacha Greif sachag
455
43k
AI in Enterprises - Java and Open Source to the Rescue
Avatar for ivargrimstad ivargrimstad
0
1.1k
AI Search: Implications for SEO and How to Move Forward - #ShenzhenSEOConference
Avatar for Aleyda Solis aleyda
1
1.1k
Navigating Team Friction
Avatar for Lara Hogan lara
192
16k
The Web Performance Landscape in 2024 [PerfNow 2024]
Avatar for Tammy Everts tammyeverts
12
1k
Sam Torres - BigQuery for SEOs
Avatar for Tech SEO Connect techseoconnect
PRO
0
190
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
Avatar for mongodb mongodb
49
9.9k

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

    Better Build Times !!!

  36. @ManfredSteyer µFrontend SPA µFrontend SPA µFrontend SPA

  37. @ManfredSteyer µService µFrontend µFrontend µFrontend Shell Webpack Module Federation

  38. @ManfredSteyer Free eBook ANGULARarchitects.io/book

  39. @ManfredSteyer • • •

  40. @ManfredSteyer

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