Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Keynote: Frontend Architectures @BASTA! Spring 2020, Frankfurt
Search
Manfred Steyer
PRO
February 25, 2020
Programming
0
310
Keynote: Frontend Architectures @BASTA! Spring 2020, Frankfurt
Manfred Steyer
PRO
February 25, 2020
Tweet
Share
More Decks by Manfred Steyer
See All by Manfred Steyer
Micro Frontends with Modern Angular and Island Architectures @ijs London 2024
manfredsteyer
PRO
0
35
Modern State Management in Angular: 3+n Flavors of the Signal Store @ijs London 2024
manfredsteyer
PRO
0
28
Changed Rules: Architectures with Lightweight Stores
manfredsteyer
PRO
0
210
Migrating to Signals: A Practical Workshop
manfredsteyer
PRO
0
380
Micro Frontends with Web Standards
manfredsteyer
PRO
1
280
The New NGRX Signal Store for Angular: 3+n Flavors
manfredsteyer
PRO
1
210
Leveraging the new NGRX Signal Store
manfredsteyer
PRO
0
160
Modern State Management in Angular: The 3+n Flavors of the NGRX Signal Store
manfredsteyer
PRO
0
100
NGRX Signal Store
manfredsteyer
PRO
0
200
Other Decks in Programming
See All in Programming
オブジェクト指向のリ・オリエンテーション～歴史を振り返り、AI時代に向きなおる～
hanyudaeiiti
9
5.4k
App Router への移行は「改善」となり得るのか？/ Can migration to App Router be an improvement
takefumiyoshii
8
2.1k
どうしてこうなった命名集 ~🔥編~ / OOC 2024 LT
pictiny
5
3.9k
データアナリストが行うDatabricksを活用したETLの自動化事例
shinoa
0
230
Doctrine ORMでValue Objectを扱う方法4選 #phpstudy / 4 ways to handle Value Objects with Doctrine ORM
77web
4
100
FigmaとPHPで作る1ミリたりとも表示崩れしない最強の帳票印刷ソリューション
ttskch
33
15k
Prepare for Jakarta EE 11 - Performance and Developer Productivity
ivargrimstad
0
220
脱・初心者！脱・マネコン！AWS CDKを使ってみませんか！？
har1101
0
300
受託開発でGitLab CI を活用していく
xiombatsg
1
260
実践！RDRAを活用した既存システムの仕様変更 / Specification Changes in Existing Systems Utilizing RDRA
imamotohikaru
1
4.6k
プールにゆこう
irof
2
120
Folding Cheat Sheet #2
philipschwarz
PRO
0
110
Featured
See All Featured
Building Effective Engineering Teams - LeadDev
addyosmani
26
1.8k
10 Git Anti Patterns You Should be Aware of
lemiorhan
645
57k
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
15
1.4k
Faster Mobile Websites
deanohume
296
30k
Building a Scalable Design System with Sketch
lauravandoore
455
32k
Automating Front-end Workflow
addyosmani
1354
200k
Making Projects Easy
brettharned
106
5.5k
GraphQLとの向き合い方2022年版
quramy
29
12k
Fashionably flexible responsive web design (full day workshop)
malarkey
397
65k
Ruby is Unlike a Banana
tanoku
95
10k
Gamification - CAS2011
davidbonilla
76
4.6k
Infographics Made Easy
chrislema
237
18k
Transcript
@ManfredSteyer s ManfredSteyer
@ManfredSteyer
@ManfredSteyer Frontend O/R-Mapper Service Layer Auto-Mapper Messaging Schnittstellen Contracts Domain
Logic Patterns MV* + Components
@ManfredSteyer Frontend Backend
@ManfredSteyer Usability on Multiple Platforms
@ManfredSteyer More and More Code on the Client
@ManfredSteyer Long Term Maintainability (10-20+ yrs)
@ManfredSteyer Milk Products Lasting Longer than some Frontend Frameworks
@ManfredSteyer Content Domain Driven Design Monorepos Microfrontends
@ManfredSteyer DDD
@ManfredSteyer Example e-Procurement System
@ManfredSteyer Catalog Approval Specification Ordering Example Sub-Domains
@ManfredSteyer Catalog Approval Specification Ordering Context Map
@ManfredSteyer Implementing DDD with a Monorepo
@ManfredSteyer Monorepo
@ManfredSteyer Advantages No version conflicts No burden with distributing libs
@ManfredSteyer Technical Challanges (Re-)Compilation (Re-)Testing Access Restriction b/w Libs Visualization
@ManfredSteyer https://nx.dev/web
@ManfredSteyer Micro Frontends
@ManfredSteyer Catalog Approval Specification Ordering Microfrontends ≈ Frontend per Sub-Domain
Sub-Domains
@ManfredSteyer Main Reasons for Microfrontends Decoupling b/w teams Autarkic teams
Varying technology/ architecture Separate Deployment
@ManfredSteyer
@ManfredSteyer
@ManfredSteyer
@ManfredSteyer µService Providing a (SPA-based) Shell µFrontend µFrontend µFrontend Shell
@ManfredSteyer Conclusion Requirements for modern UIs --> Complexer Frontend Architectures
DDD: Cutting into Domains Monorepos: Modelling Domains with Libs Microfrontends: Decoupling b/w Teams
@ManfredSteyer Contact [web] ANGULARarchitects.io [twitter] ManfredSteyer d Slides & Examples
manfredsteyer
hanyudaeiiti
takefumiyoshii
pictiny
shinoa
77web
ttskch
ivargrimstad
har1101
xiombatsg
imamotohikaru
irof
philipschwarz
addyosmani
lemiorhan
bcantrill
deanohume
lauravandoore
brettharned
quramy
malarkey
tanoku
davidbonilla
chrislema
![@ManfredSteyer Contact [web] ANGULARarchitects.io [twitter] ManfredSteyer d Slides & Examples](https://files.speakerdeck.com/presentations/4790f57ac5294305a27a62c0e0060ffc/slide_26.jpg){kind=link}