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
0
330

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
Migration to Signals, Signal Forms, Resource API, and NgRx Signal Store @Angular Days 03/2026 Munich
Avatar for Manfred Steyer manfredsteyer
PRO
0
160
AI Assistants for Your Angular Solutions @Angular Graz, March 2026
Avatar for Manfred Steyer manfredsteyer
PRO
0
100
AI Assistants for Your Angular Solutions @ngVienna March 2026
Avatar for Manfred Steyer manfredsteyer
PRO
0
57
AI Assistants for Your Angular Solutions
Avatar for Manfred Steyer manfredsteyer
PRO
0
160
Nostalgia Meets Technology: Super Mario with TypeScript
Avatar for Manfred Steyer manfredsteyer
PRO
0
110
Full Cycle Reactivity in Angular: SignalStore mit Signal Forms und Resources
Avatar for Manfred Steyer manfredsteyer
PRO
0
79
Premier Disciplin for Micro Frontends Multi Version/ Framework Scenarios @OOP 2026, Munic
Avatar for Manfred Steyer manfredsteyer
PRO
0
230
Beyond the Basics: Signal Forms
Avatar for Manfred Steyer manfredsteyer
PRO
0
140
360° Signals in Angular: Signal Forms with SignalStore & Resources @ngLondon 01/2026
Avatar for Manfred Steyer manfredsteyer
PRO
0
230

Other Decks in Programming

See All in Programming
Xdebug と IDE による デバッグ実行の仕組みを見る / Exploring-How-Debugging-Works-with-Xdebug-and-an-IDE
Avatar for shin1x1 shin1x1
0
150
AWS×クラウドネイティブソフトウェア設計 / AWS x Cloud-Native Software Design
Avatar for nrs nrslib
16
3.4k
Codex の「自走力」を高める
Avatar for yorifuji yorifuji
0
1.3k
安いハードウェアでVulkan
Avatar for Fadis fadis
1
810
コードレビューをしない選択 #でぃーぷらすトウキョウ
Avatar for Takuma Kajikawa kajitack
3
1.2k
KagglerがMixSeekを触ってみた
Avatar for Morim morim
0
320
今からFlash開発できるわけないじゃん、ムリムリ! (※ムリじゃなかった!?)
Avatar for Sora Arakawa arkw
0
150
野球解説AI Agentを開発してみた - 2026/02/27 LayerX社内LT会資料
Avatar for Shinichi Nakagawa shinyorke
PRO
0
370
20260228_JAWS_Beginner_Kansai
Avatar for Takuya Yonezawa takuyay0ne
5
620
Kubernetesでセルフホストが簡単なNewSQLを求めて / Seeking a NewSQL Database That's Simple to Self-Host on Kubernetes
Avatar for nnaka2992 nnaka2992
0
180
Redox OS でのネームスペース管理と chroot の実現
Avatar for isan isanethen
0
450
「効かない！」依存性注入（DI）を活用したAPI Platformのエラーハンドリング奮闘記
Avatar for Maki Hayashi mkmk884
0
250

Featured

See All Featured
Building Flexible Design Systems
Avatar for Yesenia Perez-Cruz yeseniaperezcruz
330
40k
Balancing Empowerment & Direction
Avatar for Lara Hogan lara
5
990
Accessibility Awareness
Avatar for Sarah Abderemane sabderemane
0
84
Building Experiences: Design Systems, User Experience, and Full Site Editing
Avatar for Michelle Schulp Hunt marktimemedia
0
460
Between Models and Reality
Avatar for mayunak mayunak
2
240
WCS-LA-2024
Avatar for Leonardo Collado-Torres lcolladotor
0
500
Producing Creativity
Avatar for Steve Smith orderedlist
PRO
348
40k
How STYLIGHT went responsive
Avatar for nonsquared nonsquared
100
6k
We Are The Robots
Avatar for Honza Javorek honzajavorek
0
200
Build your cross-platform service in a week with App Engine
Avatar for Jose L jlugia
234
18k
Designing for humans not robots
Avatar for Tammie Lister tammielis
254
26k
GitHub's CSS Performance
Avatar for Jon Rohan jonrohan
1032
470k

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