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

Keynote: Frontend Architectures @BASTA! Spring ...

Avatar for Manfred Steyer Manfred Steyer PRO
February 25, 2020
Programming
340
0

Keynote: Frontend Architectures @BASTA! Spring 2020, Frankfurt

Avatar for Manfred Steyer

Manfred Steyer PRO

February 25, 2020

More Decks by Manfred Steyer

See All by Manfred Steyer
Generative UI & AI-Assistants for Your Angular Solutions
Avatar for Manfred Steyer manfredsteyer
PRO
1
230
Generative UI & AI-Assistants for Your Angular Solutions
Avatar for Manfred Steyer manfredsteyer
PRO
0
120
Nostalgia Meets Technology: Super Mario with TypeScript
Avatar for Manfred Steyer manfredsteyer
PRO
0
200
Signal Forms: Details & Live Coding @enterJS 2026 in Mannheim
Avatar for Manfred Steyer manfredsteyer
PRO
0
240
Strategic Design in the Frontend: Moduliths & Micro Frontends @DDDEurope
Avatar for Manfred Steyer manfredsteyer
PRO
0
170
Agentic UI
Avatar for Manfred Steyer manfredsteyer
PRO
0
240
Signal Forms: Beyond the Basics @ngBaguette 2026 in Paris
Avatar for Manfred Steyer manfredsteyer
PRO
0
300
Agentic UI beyond Chats Architecture Patterns & Open Standards @ngMunich 05/2026
Avatar for Manfred Steyer manfredsteyer
PRO
0
250
Agentic AI in the Frontend: Architectures with Open Standards @iJS London 2026
Avatar for Manfred Steyer manfredsteyer
PRO
0
180

Other Decks in Programming

See All in Programming
2年かけて Deno に DOMMatrix を実装した話 / How I implemented DOMMatrix in Deno over two years
Avatar for petamoriken / 森建 petamoriken
0
180
Welcome to the "Parametricity" 🏙️ − Generic だけど Specific な世界 −
Avatar for TAKASE Kazuyuki guvalif
PRO
1
180
Terraform標準の組織で AWS CDKをどう使うか
Avatar for mu7889yoon / Yuta Nakamura mu7889yoon
1
370
jsmini JavaScript Engine を作ってみた話
Avatar for Yosuke Furukawa yosuke_furukawa
PRO
0
240
AWS CDK を「作」ってみた 〜フルスクラッチで見えた CDK の裏側〜 / aws-cdk-from-scratch
Avatar for k.goto gotok365
3
2.6k
はてなアカウント基盤 State of the Union
Avatar for cockscomb cockscomb
1
1.3k
分散システム、なんですぐ死んでしまうん？耐障害性を高めたいあなたのためのレジリエンスパターン入門
Avatar for Mitsuhiro Shibuya mshibuya
7
6.9k
なぜ関数型プログラミングで「型」と「証明」が語られるのか #fp_matsuri
Avatar for Takuma Kajikawa kajitack
3
1k
えっ!!コードを読まずに開発を!?
Avatar for はなのうち hananouchi
0
270
複数の Claude Code が"放置"されてしまう問題をCLI ダッシュボードを自作して解決した話
Avatar for sumihiro3 sumihiro3
0
180
Claude Opus 4.6以後の受託開発エンジニアの変化(Claude Code開発ノウハウ大公開スペシャルbyクラスメソッド)
Avatar for t-iida iidatakuma
1
870
エンジニアにデザインハーネスを 〜デザインプロセスを規定するためのハーネス〜 / Design harness from an engineer's perspective
Avatar for r-kagaya rkaga
2
1.7k

Featured

See All Featured
Leo the Paperboy
Avatar for Maya Tellez mayatellez
8
1.9k
Public Speaking Without Barfing On Your Shoes - THAT 2023
Avatar for David Neal reverentgeek
1
460
The Invisible Side of Design
Avatar for Vitaly Friedman smashingmag
301
52k
Practical Orchestrator
Avatar for Shlomi Noach shlominoach
191
11k
[RailsConf 2023 Opening Keynote] The Magic of Rails
Avatar for Eileen M. Uchitelle eileencodes
31
10k
Darren the Foodie - Storyboard
Avatar for Kevinho.art khoart
PRO
3
3.5k
Jess Joyce - The Pitfalls of Following Frameworks
Avatar for Tech SEO Connect techseoconnect
PRO
1
310
The Cult of Friendly URLs
Avatar for Andy Hume andyhume
79
7k
How to Think Like a Performance Engineer
Avatar for Harry Roberts csswizardry
28
2.7k
Measuring Dark Social's Impact On Conversion and Attribution
Avatar for Stephen Akadiri stephenakadiri
2
240
Easily Structure & Communicate Ideas using Wireframe
Avatar for Afnizar Nur Ghifari afnizarnur
194
17k
Put a Button on it: Removing Barriers to Going Fast.
Avatar for kastner kastner
60
4.5k

Transcript

  1. @ManfredSteyer s ManfredSteyer

  2. @ManfredSteyer

  3. @ManfredSteyer Frontend O/R-Mapper Service Layer Auto-Mapper Messaging Schnittstellen Contracts Domain

    Logic Patterns MV* + Components

  4. @ManfredSteyer Frontend Backend

  5. @ManfredSteyer Usability on Multiple Platforms

  6. @ManfredSteyer More and More Code on the Client

  7. @ManfredSteyer Long Term Maintainability (10-20+ yrs)

  8. @ManfredSteyer Milk Products Lasting Longer than some Frontend Frameworks

  9. @ManfredSteyer Content Domain Driven Design Monorepos Microfrontends

  10. @ManfredSteyer DDD

  11. @ManfredSteyer Example e-Procurement System

  12. @ManfredSteyer Catalog Approval Specification Ordering Example Sub-Domains

  13. @ManfredSteyer Catalog Approval Specification Ordering Context Map

  14. @ManfredSteyer Implementing DDD with a Monorepo

  15. @ManfredSteyer Monorepo

  16. @ManfredSteyer Advantages No version conflicts No burden with distributing libs

  17. @ManfredSteyer Technical Challanges (Re-)Compilation (Re-)Testing Access Restriction b/w Libs Visualization

  18. @ManfredSteyer https://nx.dev/web

  19. @ManfredSteyer Micro Frontends

  20. @ManfredSteyer Catalog Approval Specification Ordering Microfrontends ≈ Frontend per Sub-Domain

    Sub-Domains

  21. @ManfredSteyer Main Reasons for Microfrontends Decoupling b/w teams Autarkic teams

    Varying technology/ architecture Separate Deployment

  22. @ManfredSteyer

  23. @ManfredSteyer

  24. @ManfredSteyer

  25. @ManfredSteyer µService Providing a (SPA-based) Shell µFrontend µFrontend µFrontend Shell

  26. @ManfredSteyer Conclusion Requirements for modern UIs --> Complexer Frontend Architectures

    DDD: Cutting into Domains Monorepos: Modelling Domains with Libs Microfrontends: Decoupling b/w Teams

  27. @ManfredSteyer Contact [web] ANGULARarchitects.io [twitter] ManfredSteyer d Slides & Examples