Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Speaker Deck
PRO
Sign in
Sign up for free
Beyond Micro Frontends: Frontend Moduliths for the Enterprise @wad2022
Manfred Steyer
PRO
June 14, 2022
Programming
0
170
Beyond Micro Frontends: Frontend Moduliths for the Enterprise @wad2022
Manfred Steyer
PRO
June 14, 2022
Tweet
Share
More Decks by Manfred Steyer
See All by Manfred Steyer
More Than Micro Frontends: 3 Further Use Cases for Module Federation @DWX 2022
manfredsteyer
PRO
0
370
Better Angular Architectures: Architectures with Standalone Components @DWX2022
manfredsteyer
PRO
1
410
Angular‘s Future without NgModules: Architectures with Standalone Components @enterJS
manfredsteyer
PRO
0
300
Beyond Micro Frontends: Frontend Moduliths for the Enterprise @enterjs2022
manfredsteyer
PRO
0
350
Angular-basierte Micro Frontends mit Module Federation @API Summit
manfredsteyer
PRO
0
150
Sustainable SPAs with Strategic Design: A Wonderful Friendship?
manfredsteyer
PRO
0
150
Micro Frontends with Module Federation: Beyond the Basics @codecrafts2022
manfredsteyer
PRO
0
280
Rethinking Auth for SPAs and Micro Frontends: Easy and Secure With Gateways
manfredsteyer
PRO
0
200
Micro Frontends with Module Federation: Beyond the Basics @jax2022
manfredsteyer
PRO
1
370
Other Decks in Programming
See All in Programming
ストア評価「2.4」だったCOCOARアプリを1年で「4.4」になんとかした方法@Cloud CIRCUS Meetup #2
1901drama
0
180
SGGとは
inoue2002
0
440
Rector, time to refactor your code easily
guikingone
2
150
レビュー駆動学習のススメ_StaPy#83
soogie
0
310
Rust on Lambda 大きめCSV生成
atsuyokota
1
390
Getting Started With Data Structures
adoranwodo
1
260
Atomic Design とテストの○○な話
takfjp
2
810
VIMRC 2022
achimnol
0
130
ベストプラクティス・ドリフト
sssssssssssshhhhhhhhhh
1
210
How GitHub Supports Vim License Detection, The Five Years Journey
othree
1
360
企業内スモールデータでのデータ解析
hamage9
0
890
このタイミングで知っておきたい 開発生産性の高いエンジニア組織の特徴とは / dev-sumi-20220721-productivity-features
findyinc
7
2.6k
Featured
See All Featured
4 Signs Your Business is Dying
shpigford
169
20k
From Idea to $5000 a Month in 5 Months
shpigford
373
44k
It's Worth the Effort
3n
172
26k
Rebuilding a faster, lazier Slack
samanthasiow
62
7.3k
JazzCon 2018 Closing Keynote - Leadership for the Reluctant Leader
reverentgeek
173
8.6k
ParisWeb 2013: Learning to Love: Crash Course in Emotional UX Design
dotmariusz
100
6k
How STYLIGHT went responsive
nonsquared
85
4k
Support Driven Design
roundedbygravity
87
8.6k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
212
20k
Optimizing for Happiness
mojombo
365
64k
How To Stay Up To Date on Web Technology
chriscoyier
780
250k
5 minutes of I Can Smell Your CMS
philhawksworth
196
18k
Transcript
@ManfredSteyer ManfredSteyer Manfred Steyer, ANGULARarchitects.io Beyond Micro Frontends: Frontend Moduliths
for the Enterprise
@ManfredSteyer
@ManfredSteyer
@ManfredSteyer Booking App Check-in App Boarding App Luggage App
@ManfredSteyer
@ManfredSteyer
@ManfredSteyer
@ManfredSteyer
@ManfredSteyer
@ManfredSteyer Manfred Steyer
@ManfredSteyer
@ManfredSteyer Booking App Check-in App Boarding App Luggage App
@ManfredSteyer Shared Booking Boarding Repository n Repository 2 Repository 1
Strict Borders
@ManfredSteyer Shared Booking Boarding Repository n Repository 2 Repository 1
Strict Borders
@ManfredSteyer
@ManfredSteyer Shared Booking Boarding Published via npm: Pain! SPA: Download
into the Browser Version Mismatches?
@ManfredSteyer
@ManfredSteyer Monorepo Structure
@ManfredSteyer Everyone uses the latest versions No version conflicts Sharing
Libs: Easy
@ManfredSteyer Npm Registry
@ManfredSteyer Smart, Fast and Extensible Build System https://nrwl.io/nx
@ManfredSteyer Visualize Module Structure
@ManfredSteyer
@ManfredSteyer
@ManfredSteyer
@ManfredSteyer { […] "tags": ["domain:booking", "type:app"] }
@ManfredSteyer { "sourceTag": "domain:booking", "onlyDependOnLibsWithTags": ["domain:booking", "domain:shared"] }
@ManfredSteyer DEMO
@ManfredSteyer
@ManfredSteyer
@ManfredSteyer
@ManfredSteyer
@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.
@ManfredSteyer
@ManfredSteyer Shared Booking Boarding Access Restrictions Separate Apps/ Builds/ Deployments
Better Build Times !!!
@ManfredSteyer µFrontend SPA µFrontend SPA µFrontend SPA
@ManfredSteyer µService µFrontend µFrontend µFrontend Shell Webpack Module Federation
@ManfredSteyer Free eBook ANGULARarchitects.io/book
@ManfredSteyer • • •
@ManfredSteyer
@ManfredSteyer d Slides & Examples Remote and In-House http://softwarearchitekt.at/workshops