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
Module Boundaries and Architecture with Forensi...
Search
Manfred Steyer
PRO
April 03, 2025
Programming
0
160
Module Boundaries and Architecture with Forensic Analysis @NxSummit Amsterdam 2025
Manfred Steyer
PRO
April 03, 2025
Tweet
Share
More Decks by Manfred Steyer
See All by Manfred Steyer
Modern Angular with Signals and Signal Store:New Rules for Your Architecture @enterJS Advanced Angular Day 2025
manfredsteyer
PRO
0
75
The Missing Link in Angular‘s Signal Story Resource API and httpResource @ngRome 2025
manfredsteyer
PRO
0
68
Your Architecture as a Crime Scene:Forensic Analysis
manfredsteyer
PRO
0
140
Rethinking Data Access: The New httpResource in Angular
manfredsteyer
PRO
0
280
Reactive Thinking with Signals, Resource API, and httpResource @Devm.io Angular 20 Launch Party
manfredsteyer
PRO
0
190
JavaScript as a Crime SceneForensic Analysis
manfredsteyer
PRO
0
89
Modern Angular with Signals and Signal Store:New Rules for Your Architecture @jax2025 in Mainz, Germany
manfredsteyer
PRO
0
170
Premier Disciplin for Micro Frontends Multi Version/ Framework Scenarios
manfredsteyer
PRO
0
94
Your Architecture as a Crime SceneForensic Analysis
manfredsteyer
PRO
0
72
Other Decks in Programming
See All in Programming
明示と暗黙 ー PHPとGoの インターフェイスの違いを知る
shimabox
2
320
Go1.25からのGOMAXPROCS
kuro_kurorrr
1
810
Google Agent Development Kit でLINE Botを作ってみた
ymd65536
2
190
WindowInsetsだってテストしたい
ryunen344
1
190
Team topologies and the microservice architecture: a synergistic relationship
cer
PRO
0
1.1k
Create a website using Spatial Web
akkeylab
0
300
Rubyでやりたい駆動開発 / Ruby driven development
chobishiba
1
420
GraphRAGの仕組みまるわかり
tosuri13
8
480
既存デザインを変更せずにタップ領域を広げる方法
tahia910
1
240
生成AIコーディングとの向き合い方、AIと共創するという考え方 / How to deal with generative AI coding and the concept of co-creating with AI
seike460
PRO
1
330
型付きアクターモデルがもたらす分散シミュレーションの未来
piyo7
0
810
Result型で“失敗”を型にするPHPコードの書き方
kajitack
4
390
Featured
See All Featured
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
PRO
181
53k
Fireside Chat
paigeccino
37
3.5k
Music & Morning Musume
bryan
46
6.6k
The Invisible Side of Design
smashingmag
299
51k
Typedesign – Prime Four
hannesfritz
42
2.7k
How STYLIGHT went responsive
nonsquared
100
5.6k
The Pragmatic Product Professional
lauravandoore
35
6.7k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
231
53k
KATA
mclloyd
29
14k
Git: the NoSQL Database
bkeepers
PRO
430
65k
Why Our Code Smells
bkeepers
PRO
337
57k
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
48
2.8k
Transcript
• Textmasterformat bearbeiten • Zweite Ebene Mastertextformat bearbeiten @ManfredSteyer Module
Boundaries and Architecture with Forensic Analysis Manfred Steyer, ANGULARarchitects.io Enterprise Summit Amsterdam 2025
• Textmasterformat bearbeiten • Zweite Ebene Mastertextformat bearbeiten @ManfredSteyer 2
[Adam Tornhill: Your Code as a Crime Scene, 2nd edition, 2024] Which One is More Complex?
• Textmasterformat bearbeiten • Zweite Ebene Mastertextformat bearbeiten @ManfredSteyer 3
Same Cyclomatic Complexity [Adam Tornhill: Your Code as a Crime Scene, 2nd edition, 2024]
• Textmasterformat bearbeiten • Zweite Ebene Mastertextformat bearbeiten @ManfredSteyer 4
[https://www.se.cs.uni-saarland.de/publications/docs/PAP+21.pdf]
• Textmasterformat bearbeiten • Zweite Ebene Mastertextformat bearbeiten @ManfredSteyer 5
What‘s Important for Architects? Minimal Dependencies Vertical 1 Vertical 2 Vertical 3 Feature UI Data Feature UI Data Feature UI Data
• Textmasterformat bearbeiten • Zweite Ebene Mastertextformat bearbeiten @ManfredSteyer 6
What‘s Important for Architects? Low Coupling Vertical 1 Vertical 2 Vertical 3 Conway‘s Law High Cohesion High Cohesion High Cohesion Most Changes: Within ONE Verical
• Textmasterformat bearbeiten • Zweite Ebene Mastertextformat bearbeiten @ManfredSteyer 7
Code Churn Code that changes often: Indicator for Issues
• Textmasterformat bearbeiten • Zweite Ebene Mastertextformat bearbeiten @ManfredSteyer 8
• Textmasterformat bearbeiten • Zweite Ebene Mastertextformat bearbeiten @ManfredSteyer 9
Forensic Analysis Source Code History History History Forensic Analysis „Hidden“ Patterns e.g., Git History
• Textmasterformat bearbeiten • Zweite Ebene Mastertextformat bearbeiten @ManfredSteyer 10
DEMO
• Textmasterformat bearbeiten • Zweite Ebene Mastertextformat bearbeiten @ManfredSteyer 11
Try it out in your projects! npm i @softarc/detective –D npx detective https://github.com/angular-architects/detective/issues … and provide feedback:
• Textmasterformat bearbeiten • Zweite Ebene Mastertextformat bearbeiten @ManfredSteyer 12
Conclusion Change Coupling Hotspots Team Alignment Some Good Questions to Discuss
• Textmasterformat bearbeiten • Zweite Ebene Mastertextformat bearbeiten 13 [Social
Media] Manfred Steyer [web] ANGULARarchitects.io Manfred Steyer @ Manfred Steyer Slides & Examples Remote Company Workshops and Consulting http://angulararchitects.io