Lock in $30 Savings on PRO—Offer Ends Soon! ⏳

Keynote: Frontend Architectures @BASTA! Spring ...

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

Keynote: Frontend Architectures @BASTA! Spring 2020, Frankfurt

Avatar for Manfred Steyer

Manfred Steyer PRO

February 25, 2020
Tweet

More Decks by Manfred Steyer

See All by Manfred Steyer
All About Angular‘s New Signal Forms
Avatar for Manfred Steyer manfredsteyer
PRO
0
11
Full-Cycle Reactivity in Angular: SignalStore mit Signal Forms und Resources
Avatar for Manfred Steyer manfredsteyer
PRO
0
170
Your Architecture as a Crime Scene? Forensic Analysis
Avatar for Manfred Steyer manfredsteyer
PRO
0
130
Full-Cycle Reactivity in Angular: SignalStore mit Signal Forms und Resources
Avatar for Manfred Steyer manfredsteyer
PRO
0
230
Your Architecture as a Crime Scene: Forensic Analysis
Avatar for Manfred Steyer manfredsteyer
PRO
0
95
Reactive Thinking with Signals and the new Resource API
Avatar for Manfred Steyer manfredsteyer
PRO
0
210
Rethinking Angular: The Future with Signal Store and the New Resource API @w-jax 2025, Munich
Avatar for Manfred Steyer manfredsteyer
PRO
0
89
Premier Disciplin for Micro Frontends Multi Version/ Framework Scenarios
Avatar for Manfred Steyer manfredsteyer
PRO
0
140
The Missing Link in Angular's Signal Story: Resource API and httpResource
Avatar for Manfred Steyer manfredsteyer
PRO
0
170

Other Decks in Programming

See All in Programming
GISエンジニアから見たLINKSデータ
Avatar for nokonoko1203 nokonoko1203
0
180
SwiftUIで本格音ゲー実装してみた
Avatar for 蛋白（たんぱく・TANPACT） hypebeans
0
500
AI前提で考えるiOSアプリのモダナイズ設計
Avatar for 野瀬田　裕樹 yuukiw00w
0
190
LLMで複雑な検索条件アセットから脱却する！！ 生成的検索インタフェースの設計論
Avatar for po3rin po3rin
4
970
AIコーディングエージェント（NotebookLM）
Avatar for kondai kondai24
0
230
Basic Architectures
Avatar for Denys Poltorak denyspoltorak
0
120
JETLS.jl ─ A New Language Server for Julia
Avatar for abap34 abap34
2
460
著者と進める！『AIと個人開発したくなったらまずCursorで要件定義だ！』
Avatar for yasuna yasunacoffee
0
160
GoLab2025 Recap
Avatar for kuro kuro_kurorrr
0
780
TestingOsaka6_Ozono
Avatar for O3(ozono) o3
0
180
愛される翻訳の秘訣
Avatar for Kishikawa Katsumi kishikawakatsumi
3
350
バックエンドエンジニアによる Amebaブログ K8s 基盤への CronJobの導入・運用経験
Avatar for suna-big sunabig
0
170

Featured

See All Featured
Lightning talk: Run Django tests with GitHub Actions
Avatar for Sarah Abderemane sabderemane
0
92
10 Git Anti Patterns You Should be Aware of
Avatar for Lemi Orhan Ergin lemiorhan
PRO
659
61k
Building Applications with DynamoDB
Avatar for Matt Wood mza
96
6.8k
Utilizing Notion as your number one productivity tool
Avatar for Mfonobong Umondia mfonobong
2
190
ReactJS: Keep Simple. Everything can be a component!
Avatar for Pedro Nauck pedronauck
666
130k
Keith and Marios Guide to Fast Websites
Avatar for Keith Pitt keithpitt
413
23k
Have SEOs Ruined the Internet? - User Awareness of SEO in 2025
Avatar for Akash Hashmi akashhashmi
0
190
The Curious Case for Waylosing
Avatar for Cassini Nazir cassininazir
0
190
A Tale of Four Properties
Avatar for Chris Coyier chriscoyier
162
23k
Navigating the moral maze — ethical principles for Al-driven product design
Avatar for Skipper Chong Warson skipperchong
1
210
Taking LLMs out of the black box: A practical guide to human-in-the-loop distillation
Avatar for Ines Montani inesmontani
PRO
3
2k
Bridging the Design Gap: How Collaborative Modelling removes blockers to flow between stakeholders and teams @FastFlow conf
Avatar for Kenny Baas-Schwegler baasie
0
410

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