现代前端架构的关键概念包括基于组件的设计、设计系统、关注点分离和框架和库的使用。基于组件的设计提高了可重用性、可维护性和可扩展性。设计系统确保应用程序的一致性和品牌一致性。关注点分离提高了代码的可读性、调试性和可测试性。框架和库加速开发并提高代码质量。渐进增强确保应用程序在浏览器功能有限的情况下也能提供基本的用户体验。