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 @enterjs2022
Manfred Steyer
PRO
June 22, 2022
Programming
0
350
Beyond Micro Frontends: Frontend Moduliths for the Enterprise @enterjs2022
Manfred Steyer
PRO
June 22, 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
Angular-basierte Micro Frontends mit Module Federation @API Summit
manfredsteyer
PRO
0
150
Beyond Micro Frontends: Frontend Moduliths for the Enterprise @wad2022
manfredsteyer
PRO
0
170
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
2022年のモダンCSS改
tonkotsuboy_com
24
16k
SGGとは
inoue2002
0
440
Pythonで鉄道指向プログラミング
usabarashi
0
130
kintone × LINE Bot で餃子検定Botを作った話
naberina
0
330
Babylon.jsで作ったsceneをレイトレーシングで映えさせる
turamy
1
210
Register-based calling convention for Go functions
cjamhe01385
0
400
話題の AlloyDB は本当に凄いデータベースなのでプレビューを使い倒した #devio2022
maroon1st
0
13k
SRE NEXT 2022に学ぶこれからのSREキャリア
fukubaka0825
2
390
How GitHub Supports Vim License Detection, The Five Years Journey
othree
1
360
VIMRC 2022
achimnol
0
130
ゴーファーくんと辿るプログラミング言語の歴史/history-of-programming-languages-with-gopher
iwasiman
11
5k
kintoneでランダム取得を作ってみた(imoniCamp 2022-07-27)
shokun1108
0
140
Featured
See All Featured
What the flash - Photography Introduction
edds
62
10k
Navigating Team Friction
lara
175
11k
Designing with Data
zakiwarfel
91
4k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
237
19k
Statistics for Hackers
jakevdp
782
210k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
212
20k
Three Pipe Problems
jasonvnalue
89
8.7k
GraphQLとの向き合い方2022年版
quramy
16
8.4k
BBQ
matthewcrist
74
7.9k
Robots, Beer and Maslow
schacon
152
7.1k
Designing for humans not robots
tammielis
241
24k
Automating Front-end Workflow
addyosmani
1351
200k
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
Single Version: No Conflicts! Better Build Times !!!
@ManfredSteyer Free eBook ANGULARarchitects.io/book
@ManfredSteyer • • •
@ManfredSteyer
@ManfredSteyer d Slides & Examples Remote and In-House http://softwarearchitekt.at/workshops