Angular Advanced Enterprise Architecture

Structure a growing Angular application so that ten developers can work on it without stepping on each other’s toes.

2 Days
Advanced
Remote or in-house
German & English

Request this training See the agenda Agenda as PDF

Who it’s for

Experienced Angular developers and tech leads
Teams whose application has grown faster than its structure
Teams planning a monorepo or a migration to Nx

Afterwards your team can

Cut an application into libraries with clear boundaries and dependency rules
Decide where state belongs and implement it with NgRx or the Signal Store
Build typed, validated forms for complex business cases
Set up an Nx workspace with affected builds, linting and tests

Prerequisites

At least one year of practical Angular experience
Familiarity with RxJS basics and the Angular CLI
Ideally: access to your own code base to discuss real examples

Most Angular applications don’t fail because of Angular – they fail because of structure: everything in one folder, state spread over components, forms that nobody dares to touch. This workshop gives your team the patterns to fix that: component APIs with signals, a standalone architecture, advanced forms, testing, state management with NgRx and the Signal Store, libraries and Nx workspaces.

The last block is reserved for your project: bring your questions and your code, and we work through them together. Teams usually leave with a concrete plan for the next refactoring steps.

Nx project graph of an Angular workspace with feature, domain, UI and util libraries

Agenda

The order and the depth of each block are adapted to your team – topics you already master are skipped, your questions get the time instead.

01
Component APIs with Signals
- Signal inputs, outputs and models for clear component APIs.
- Smart and presentational components – and where signals and RxJS each fit.
02
Standalone Architecture and Lazy Loading
- Organize features without NgModules: providers, routes and shared dependencies.
- Lazy loading with loadComponent and loadChildren, and @defer for heavy parts of a page.
03
Advanced Forms with Cross-Field Validation
- Typed reactive forms for complex business cases.
- Custom, cross-field and asynchronous validators.
- Reusable form components with ControlValueAccessor.
04
Testing
- Unit and component tests with Vitest.
- End-to-end tests with Playwright.
05
State Management with NgRx and the Signal Store
- Where state belongs: component, service or store.
- NgRx Store with actions, reducers, effects and selectors.
- The NgRx Signal Store and resource() for signal-based state and async data.
06
Working with Libraries and Nx
- Cut the application into feature, domain, UI and util libraries.
- Publish reusable libraries in the Angular Package Format (APF) where needed.
07
Nx Workspaces
- Module boundaries and dependency rules, enforced by lint.
- Affected builds, tests and caching in CI.
- Generators for consistent new features.
08
Questions from Your Project
- Your code, your questions: we work through real examples together.
- A concrete plan for the next refactoring steps.

Your trainer

Fabian Gosebrink
Microsoft MVP, Google Developer Expert
Builds Angular applications with teams every week and has given 120+ conference talks on Angular, state management and architecture.
On Pluralsight he recorded the course Angular Monorepos with Nx – the same topics, in video form.
Full profile →