Frontend Architecture: Patterns for Scalable Applications
Structured curriculum from component design through application architecture, DDD, delivery, quality, and security/trust. Framework-agnostic principles; examples use React.
Prerequisites
See prerequisites.md.
Modules
| # | Module | Difficulty | Duration |
|---|---|---|---|
| 1 | Component Architecture Foundations | beginner | 55 min |
| 2 | Application Architecture Patterns | intermediate | 70 min |
| 3 | Domain-Driven Design | intermediate | 65 min |
| 4 | Design Systems and App Shell Routing | intermediate | 65 min |
| 5 | State Boundaries and Client Stores | intermediate | 75 min |
| 6 | Data Layer and Remote Contracts | intermediate | 60 min |
| 7 | Rendering, Streaming, and Delivery | intermediate | 65 min |
| 8 | Micro-Frontends and Performance | advanced | 75 min |
| 9 | Quality Systems and Operability | advanced | 70 min |
| 10 | Security, Auth, and Trust Boundaries | advanced | 70 min |
Quick start
- Skim Architecture Patterns Compared.
- Follow learning-path.md.
- Canon map: canon-coverage.json · PATTERN-CANON.
Contributing
See CONTRIBUTING.md.