Building modern Web Applications: 5 Essential Frontend Architecture Principles
Looking for a good book on software architecture? 📗 Take a look at the Ultimate List of Software Architecture Books in 2024! In this article, I present five architectural principles for building a modern frontend. I first heard about these principles in a great talk by Natalia Venditto. They opened my eyes, so I try to explain these principles and my interpretation of them in more detail. I love the following frontend architecture principles presented, which I first learned about in the talk "Beyond Micro-Frontends and the Jamstack - Architecting and Integrating Decoupled Applications in the Cloud for Enhanced User Experience" by Natalia Venditto in the O'Reilly Series "Software Architecture Superstream: Frontend Architectures". Interestingly, a few months ago I was looking at architecture principles. Check out the following blog post. In her presentation, she divides the principles for frontend architecture into two sections. This is a principle we should always follow. The loading s
I love the following frontend architecture principles presented, which I first learned about in the talk " Beyond Micro-Frontends and the Jamstack - Architecting and Integrating Decoupled Applications in the Cloud for Enhanced User Experience " by Natalia Venditto in the O'Reilly Series " Software Architecture Superstream: Frontend Architectures ". Interestingly, a few months ago I was looking at architecture principles. Check out the following blog post. Architecture Principles: An approach to effective decision making in software architecture Are you a software architect and often find it di
Explore this link on the map →related reading
- Which web frontend architecture fits best?workingsoftware.dev
- How's Linear so fast? A technical breakdownperformance.dev
- Navigating the future of frontendfrontendmastery.com
- The new wave of Javascript web frameworksfrontendmastery.com
- Gantry: Slack’s Fast-booting Frontend Framework | Engineering at Slackslack.engineering
- Web Interface Guidelinesvercel.com
- Five Data-Loading Patterns To Boost Web Performance — Smashing Magazinesmashingmagazine.com
- Micro Frontends - extending the microservice idea to frontend developmentmicro-frontends.org
- Web Field Manual | Codewebfieldmanual.com
- Can You Afford It?: Real-world Web Performance Budgets - Infrequently Notedinfrequently.org
- Populating the page: how browsers work - Performance | MDNdeveloper.mozilla.org
- The Market for Lemons - Infrequently Notedinfrequently.org