A Frontend Architecture Guide for 2024
summary
Overview of frontend architecture options in 2024: compares specific tools and architectural approaches, explaining their strengths and weaknesses and how each fits different use cases. Uses an RPG character/build metaphor to show individual tools (artefacts), combinations of tools that create complementary benefits or cancel drawbacks, and gives a short practical guide for choosing and evolving a project based on business requirements and constraints.
AI-written summary · about
chapters (17)
- 0:00Frontend architecture intro
- 3:31Modern frontend problems
- 7:45Four frontend layers
- 12:03Artifact multi-layer setup
- 14:44Design patterns as spells
- 17:17Ports and adapters for security
- 19:06SOLID principles dosage
- 22:42Programming psychology 7±2
- 26:33Artifact 7±2 for readable code
- 27:21Monolith vs microservices
- 31:15Interfaces as modularity
- 32:40Low coupling high cohesion
- 34:05Micro-frontends composite
- 35:31Architecture methodologies
- 39:45Case studies artifacts
- 42:39Building app from scratch
- 44:26Conclusion
related talks
58mFront-End Application Architecture
50mThe Art of Front-end Architecture
52mA walk through the evolution of the Frontend
52mHow Frontend Architecture Affects Development Cost
30mThe Art of Front-end Architecture
42mWhy Is Frontend So Hard?
33mDeconstructing the Frontend: From Theory to Practice
50mOne Frontend App to Rule Them All 💍🌋