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
Full-Cycle Reactivity in Angular: SignalStore mit Signal Forms und Resources
Avatar for Manfred Steyer manfredsteyer
PRO
0
140
Your Architecture as a Crime Scene? Forensic Analysis
Avatar for Manfred Steyer manfredsteyer
PRO
0
100
Full-Cycle Reactivity in Angular: SignalStore mit Signal Forms und Resources
Avatar for Manfred Steyer manfredsteyer
PRO
0
210
Your Architecture as a Crime Scene: Forensic Analysis
Avatar for Manfred Steyer manfredsteyer
PRO
0
89
Reactive Thinking with Signals and the new Resource API
Avatar for Manfred Steyer manfredsteyer
PRO
0
190
Rethinking Angular: The Future with Signal Store and the New Resource API @w-jax 2025, Munich
Avatar for Manfred Steyer manfredsteyer
PRO
0
78
Premier Disciplin for Micro Frontends Multi Version/ Framework Scenarios
Avatar for Manfred Steyer manfredsteyer
PRO
0
120
The Missing Link in Angular's Signal Story: Resource API and httpResource
Avatar for Manfred Steyer manfredsteyer
PRO
0
160
Rethinking Angular: The Future with Signals and the New Resource API @iJS Munich 2025
Avatar for Manfred Steyer manfredsteyer
PRO
0
97

Other Decks in Programming

See All in Programming
なあ兄弟、 余白の意味を考えてから UI実装してくれ！
Avatar for Ryomm ktcryomm
11
11k
Developing static sites with Ruby
Avatar for Masafumi Okura okuramasafumi
0
290
TUIライブラリつくってみた / i-just-make-TUI-library
Avatar for kazto kazto
1
380
LLMで複雑な検索条件アセットから脱却する！！ 生成的検索インタフェースの設計論
Avatar for po3rin po3rin
3
720
愛される翻訳の秘訣
Avatar for Kishikawa Katsumi kishikawakatsumi
3
320
エディターってAIで操作できるんだぜ
Avatar for kis9a kis9a
0
730
How Software Deployment tools have changed in the past 20 years
Avatar for Geshan Manandhar geshan
0
29k
モデル駆動設計をやってみよう ワークショップ開催報告(Modeling Forum2025) / model driven design workshop report
Avatar for haru860 haru860
0
270
AIエージェントを活かすPM術 AI駆動開発の現場から
Avatar for gyuta gyuta
0
410
生成AIを利用するだけでなく、投資できる組織へ
Avatar for pospome pospome
2
330
ZOZOにおけるAI活用の現在 ~モバイルアプリ開発でのAI活用状況と事例~
Avatar for ZOZO Developers zozotech
PRO
8
5.7k
実は歴史的なアップデートだと思う AWS Interconnect - multicloud
Avatar for maroon1st maroon1st
0
130

Featured

See All Featured
The Language of Interfaces
Avatar for Des Traynor destraynor
162
25k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
Avatar for soudai sone soudai
PRO
196
70k
The Straight Up "How To Draw Better" Workshop
Avatar for Dennis Kardys denniskardys
239
140k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
Avatar for Rebecca Miller-Webster rmw
35
3.3k
Embracing the Ebb and Flow
Avatar for Simon Collison colly
88
4.9k
Rails Girls Zürich Keynote
Avatar for Gregor Martynus gr2m
95
14k
Build your cross-platform service in a week with App Engine
Avatar for Jose L jlugia
234
18k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
Avatar for Marc Duiker marcduiker
35
2.3k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
Avatar for Michelle Schulp Hunt marktimemedia
31
2.6k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
Avatar for Kevin Liebholz kevinliebholz
36
6.2k
Side Projects
Avatar for Sacha Greif sachag
455
43k
Building an army of robots
Avatar for Kyle Neath kneath
306
46k

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