Frontend Architecture: How to Build a Zoo?
summary
Uses a zoo metaphor to show concrete architecture choices: pick bounded contexts as compounds rather than functional teams, model with C4 zoom levels, run cross-disciplinary EventStorming to discover aggregates and UI actions, and implement a framework‑agnostic core in plain TypeScript with CQS actions and queries. Separate business logic from UI, connect core to an activity/statechart layer, aim for near‑100% unit coverage on the core, and organize code by themed areas or packages so PRs change behavior without touching UI.
AI-written summary · about
chapters (6)
- 0:00Introduction to talk
- 1:02Strategic design in architecture
- 11:12Tactical design deep dive
- 22:12Code structure and patterns
- 30:58Summary and final thoughts
- 32:22Q&A session
related talks
30mThe Art of Front-end Architecture
28mArchitecture for an ever changing environment” by Zendesk (Main Stage)
50mThe Art of Front-end Architecture
18mSoftware Architecture Building Better Applications with Architecture Best Practices
47mThe Micro Frontend Architecture: How to Turn Your Website into a Giant Collaborative Puzzle
44mBuilding resilient frontend architecture
50mTowards an Evolutionary Architecture
24mBuilding Software Architecture from First Principles