Angular Architecture for Enterprise Solutions Workshop: Strategic Design (DDD), Micro Frontends, and State Management

Enterprise applications need to be maintainable in the long term. This workshop shows you how to achieve this goal using modern Angular.

To accomplish this, we combine cutting-edge features like Signals, the Signal Store, and Module Federation with established concepts like Strategic Design (DDD), vertical architectures, and Micro Frontends. We use Nx for incremental builds and demonstrate how to analyze and improve your application's maintainability.

By the end, you'll be equipped to plan and implement sustainable solutions with modern Angular and evaluate the pros and cons of various approaches for your specific solution.

Outline:

• Vertical Architectures with Nx and Sheriff
  • Vertical architectures and Strategic Design (DDD) as the foundation
  • Implementing your Strategic Design with Nx
  • Enforcing your architecture with Nx & Sheriff
  • Incremental builds with Nx
  • Visualizing and analyzing your architecture to plan improvements
• From Domains to Micro Frontends
  • Module Federation and Native Federation
  • Exposing and loading Micro Frontends
  • Sharing dependencies
  • Communication between Micro Frontends
  • Multi-Framework (Version) Scenarios using Web Components
• Streamlining Reactivity with the NGRX Signal Store
  • Lightweight Stores and your architecture
  • Building Blocks: Signal, computed, effect
  • State Management with the new NGRX Signal Store
  • Using the Resource API inside a Signal Store
  • Eventing for a Flux/”Redux”-like architecture
  • Building custom features for recurring requirements

Target Audience & Requirements

This workshop is designed for developers with project experience using Angular who want to plan and implement maintainable enterprise-scale Angular solutions.

Required software for labs

Please bring your laptop and install the following software packages upfront:

• Node.js in current LTS version
• Angular CLI (npm i -g @angular/cli)
• Nx CLI (npm i -g nx)
• Visual Studio Code (free) or WebStorm/IntelliJ (commercial)
• Git command-line client