Architecture

Section dedicated to the software architecture of our frontend developments in Angular.

Available Subsections

• Clean Architecture: Building scalable, decoupled, and maintainable applications through clean architecture principles, framework-agnostic design patterns, and practical folder structures.
• Microfrontends & Module Federation: Multi-repository integration guide to build, federate, and deploy unified modular applications within our corporate framework.
• Native Federation: Next-generation microfrontends based on web standards (ESM and import maps) without relying on specific compilers.
• Federation Comparison vs. Single-SPA: Detailed comparison matrix between Webpack Module Federation, Native Federation, and Single-SPA.
• Nx Monorepo Federation: Dynamic and static orchestration of microfrontends inside an Nx monorepository.
• Federation Common Issues & Trade-offs: Practical troubleshooting guide and pros/cons analysis of Module Federation.
• Cross-App Communication: Advanced communication patterns covering browser Custom Events, RxJS Event Bus, Shared State, and Routing URL context.
• Modulith Architecture with Nx: Building scalable Angular applications using the Modulith pattern, enforced architectural boundaries with Nx tagging, library organization strategies, and team scalability patterns.