Workshop · Workshop Day · 11.02.2027
Modern Angular Architectures, 2027 Edition: AI-ready, Signal-first, Practice-proven
Four blocks on architectures that coding agents can follow, reactive design with signals, lightweight state with the NgRx SignalStore, and Signal Forms.
Abstract
A full day on the architectures that keep Angular solutions maintainable in the long run, and on what changes once coding agents work inside them. The day runs in four blocks, from architecture and context management, through reactive design with signals, to state management with the NgRx SignalStore and Signal Forms.
All labs can be completed in the traditional way or with AI assistance, using rules, skills, MCP, and hook-based deterministic checks to keep the architecture under control.
The workshop is for developers with Angular experience who want to design and build modern Angular solutions that remain maintainable in the long run, and who want to understand how AI-assisted development changes the way we define, enforce, and evolve frontend architectures.
Agenda
Block 1: Architectures for Humans and AI
- Design vertical architectures, feature slices, and domain boundaries that coding agents can understand and follow
- Implementing your architecture with monorepos
- Implementing your architecture with micro frontends and federation
- Context management for architecture guidelines and ADRs: what is relevant, and when?
- Architecture as an executable contract: guardrails for coding agents
- Rules, skills, MCP, and hooks: when should each be used?
- AI-assisted architecture assessments for new solutions and legacy systems
- Assess existing systems and plan refactorings with AI
- Architecture in AI-assisted development workflows
- Loop Engineering: automatically account for architecture and initiate corrections
Block 2: Reactive Design with Signals
- Reactive thinking and principles of reactive design
- Understanding the signal graph
- Synchronous and asynchronous projections with computed and the Resource API
- Data sinks in the reactive flow: templates and effects
- When to use and when to avoid effects
Block 3: Lightweight State Management with the NgRx SignalStore
- The SignalStore and your architecture
- SignalStore and the Resource API
- Mutation APIs as the counterpart to the Resource API
- Custom extensions for recurring use cases
- Communication between multiple SignalStores
- Implementing common state patterns with the SignalStore
- Rules and skills for AI-assisted state management
Block 4: Signal Forms
- Signal Forms within the reactive data flow
- Standard schemas and Zod for enforcing data contracts
- Designing large forms and sub-forms
- Integrating Signal Forms with the SignalStore
Your host
Manfred Steyer is a trainer and consultant with a focus on Angular, a Google Developer Expert, and a Trusted Collaborator in the Angular team. He works with teams across Europe on architectures for large enterprise frontends.
He writes books and articles about Angular, speaks regularly at international conferences, and runs ANGULARarchitects.io, where he helps organisations keep large Angular applications maintainable as they grow.
11–12 February 2027, Lucerne, Switzerland.
Get tickets