Upgrade to Pro — share decks privately, control downloads, hide ads and more …
Sign up for free

Keynote: Frontend Architectures @BASTA! Spring ...

Sponsored · SiteGround - Reliable hosting with speed, security, and support you can count on. →
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
Human in the Loop Beyond Approval: Toward True Collaboration @FrontMania 2026 in Utrecht
Avatar for Manfred Steyer manfredsteyer
PRO
0
57
Agentic UI: Where the Agent meets the User @FrontMania 2026 in Utrecht
Avatar for Manfred Steyer manfredsteyer
PRO
0
57
A2UI as an Architecture Question: Agentic UI Between AI Freedom and Control
Avatar for Manfred Steyer manfredsteyer
PRO
0
92
AI-Ready Angular Architectures Architecture as Executable Contract
Avatar for Manfred Steyer manfredsteyer
PRO
0
250
Nostalgia Meets Technology: Super Mario with TypeScript @BASTA 2026 in Mainz, Germany
Avatar for Manfred Steyer manfredsteyer
PRO
0
49
Beyond Chatbots: Agentic UI with Open Standards @AGNTcon 2026 in Amsterdam
Avatar for Manfred Steyer manfredsteyer
PRO
0
150
Next-Level Frontends: Agentic Web UIs Under the Hood
Avatar for Manfred Steyer manfredsteyer
PRO
0
110
Agentic UI with Open Standards @ngGraz Sep 2026
Avatar for Manfred Steyer manfredsteyer
PRO
0
120
Agentic UI with Open Standards @GDG Salzburg, Bgl & Prishtina
Avatar for Manfred Steyer manfredsteyer
PRO
0
99

Other Decks in Programming

See All in Programming
Agentic Software Factoryに、すごく賢いIF文を。 / super smart IF statement into the Agentic Software Factory.
Avatar for r-kagaya rkaga
8
2.2k
TechTown - Creating Composable Callables in Contemporary C++
Avatar for Björn Fahller rollbear
0
110
最近”作らせてる” ローカルAIアプリの話
Avatar for ITO Akihiro akit37
0
460
AWS CDKのカスタムリソースでContinuum（旧Security Agent）を実装した話 | Implementing Continuum (formerly Security Agent) via AWS CDK Custom Resource
Avatar for アキキー | Akihisa Ikeda akihisaikeda
2
150
機械に任せるテスト、人が見るテスト ⽣成AIで引き直した、運⽤保守フェーズの線引き
Avatar for KUSATAKE Daisuke dske104
0
180
全ての永続トークンを、生まれる前に消し去りたい！
Avatar for sylph01 sylph01
2
470
ソニーのクラウド共通基盤の変遷と AI時代の開発スタイルに合わせた進化 / The Journey of Sony’s Common Cloud Platform and Its Evolution for AI-Native Development
Avatar for KenjiYoneyama kenjiyoneyama
0
250
Event is what happens
Avatar for MOROHASHI Kyosuke moro
2
510
sbt 2.0: takeoff
Avatar for Eugene Yokota eed3si9n
0
150
mrbgem 三角測量 開発
Avatar for ogom ogom
0
240
IBM Bob でAI駆動開発『QC-Playbook』
Avatar for 1kano ichirokano2
0
110
R8 の設定見直しでアプリサイズ削減
Avatar for ANDPAD inc andpad
0
210

Featured

See All Featured
Imperfection Machines: The Place of Print at Facebook
Avatar for Scott Boms scottboms
270
14k
Game over? The fight for quality and originality in the time of robots
Avatar for Wayne Barker wayneb77
1
300
Breaking role norms: Why Content Design is so much more than writing copy - Taylor Woolridge
Avatar for UX Y'all uxyall
1
450
Utilizing Notion as your number one productivity tool
Avatar for Mfonobong Umondia mfonobong
4
620
Impact Scores and Hybrid Strategies: The future of link building
Avatar for Tamara Novitovic tamaranovitovic
0
460
HU Berlin: Industrial-Strength Natural Language Processing with spaCy and Prodigy
Avatar for Ines Montani inesmontani
PRO
0
750
The Straight Up "How To Draw Better" Workshop
Avatar for Dennis Kardys denniskardys
239
140k
Building an army of robots
Avatar for Kyle Neath kneath
307
47k
10 Git Anti Patterns You Should be Aware of
Avatar for Lemi Orhan Ergin lemiorhan
PRO
659
62k
Dealing with People You Can't Stand - Big Design 2015
Avatar for Cassini Nazir cassininazir
367
27k
Fight the Zombie Pattern Library - RWD Summit 2016
Avatar for Marcelo Somers marcelosomers
234
18k
Docker and Python
Avatar for Tania Allard trallard
47
4.2k

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