02.03.26 | 9 – 5 PM (CET) | Online
Full Day Workshop Scalable Architecture & Modern Reactivity
Architect scalable “Moduliths” with Nx and master fine-grained reactivity. Move beyond Zone.js to leverage declarative data flows with Signals, eliminate RxJS boilerplate with rxResource, and enforce clean boundaries for maintainable, high-performance applications.
Is it for you?
Say goodbye to architectural rot – it’s time for strict boundaries and fine-grained reactivity! Angular is evolving rapidly. Adopting Nx Moduliths and Signals fundamentally alters how we build apps, making them clearer and more maintainable than wrestling with complex RxJS chains or Zone.js.
It’s crucial to master these modern patterns. This understanding will empower you to architect clean solutions, simplify data fetching with rxResource, and finally let you shed the frustration of manual updates and leaking business logic.
Takeaways
Architect Scalable "Moduliths" with Nx
Move beyond simple file organization. Learn to structure your workspace into Feature, UI, and Data-Access layers to create a clean and maintainable Modulith.
Visualize & Enforce Boundaries
Stop architectural rot. Use the Nx Graph to visualize dependencies in real-time and configure ESLint rules to prevent business logic from leaking into your UI components.
Master Fine-Grained Reactivity
Understand the shift from Zone.js to Signals. Learn how the Signal Graph works and how to use computed() , linkedSignal(), effect() to update only what changes, when it changes.
Modernize Component I/O & Forms
Say goodbye to @Input() decorators. Implement the new Signal-based input() , output() and model() APIs for cleaner component communication and integrate the new reactive Signal Forms.
Simplify Data Fetching with Resources
Reduce RxJS boilerplate. Learn to use the new rxResource patterns to handle asynchronous data loading, error states, and reactivity without complex pipe chains.
Master Declarative Data Flows
Stop manually updating data. Learn to chain Signals together so your application state automatically stays in sync without writing complex code.
Agenda
Check out what we will be discussing at the workshop!
Duration: 8 hours.
Nx Architecture: Building Scalable Monorepos
- The Modulith Pattern – Organize apps into self-contained “Moduliths” for scalability.
- Layered Architecture – Master separation of concerns using Feature, UI, and Data-Access layers.
- Workspace Mastery – Efficiently manage the
appsvslibsstructure using the CLI and Console. - Lazy Loading – Configure clean routing using Feature Libraries as entry points.
Enforcing Boundaries & Visualizing Dependencies
- Dependency Graph – Visualize architecture and data flow in real-time with
nx graph. - Affected Analysis – Identify exactly which projects are impacted by code changes.
- Architectural Rules – Use tagging and ESLint
constraintsto prevent circular dependencies. - Intentional Failure – Debug linter errors to understand strict code boundary enforcement.
Signals Core & Fine-Grained Reactivity
- Signal Fundamentals – Master the basics of
signal()vs variables vs Observables. - State Derivation – Use
computed()for automatic, memoized state calculations. - Side Effect Management – Manage DOM updates and logging cleanly with
effect().
Advanced Signals & Data Flow
- Declarative I/O – Implement the modern
input()andoutput()APIs. - Resettable State – Manage derived state updates with
linkedSignal. - Async Data Flow – Handle async loading states using
rxResourceortoSignal. - Signal Forms – Build reactive forms using the experimental
form()API.
Pair it with Signal Forms
Architecture comes alive when implemented with modern tools. Add the Signal Forms workshop run by Matuesz Stefańczyk (GDE) to see how these patterns work with the latest reactive primitives.
Architecture + Signal Forms
Benefits
Hands-On Exercises
Work on real, practical tasks so you don’t just hear about modern Angular, you actually use it right away.
Q&A Session
Get clear answers to your questions during a dedicated Q&A a chance to clarify concepts and dive deeper into real-world use cases.
Small Group
Maximum of 15 participants, you’ll benefit from more interaction and personalized support.
Certificate of participation
Simple way to show your updated Angular skills to your team, clients, or future employers.
Are you interested?
Are you interested?
Your Trainer
Fanis Prodromou
Google Developer Expert
Google Developer Expert (GDE) for Angular and Senior Front-End Developer. He is passionate about sharing his knowledge through his YouTube channel, speaking at conferences and meetups, and technical articles. He also stays current in the ever-evolving tech world by attending conferences and experimenting with new technologies, and is a co-organizer of the Angular Athens meetup in Greece.
What developers say about our workshops?
It was great! The workshop was really interesting and introduced me to a lot of new information about Signals. I could tell it was very well prepared, with interesting topics and a clear, logical structure. The presenter was excellent, clearly passionate about the subject, and genuinely interested in our opinions as participants, actively engaging in discussions.
Overall good experience, Mateusz was solid prepared for it and anwsered questions with brilliant knowledge
The Modern Angular workshop led by Mateusz was excellent. Everything was explained clearly, and the examples could be applied in practice right away. You can tell Mateusz has deep knowledge and knows how to share it in an accessible way.
Get your tickets
Join us for an online workshop. Secure your spot today!
March 02
(online)
Start at 9AM (CET) • Duration 8h
399 EUR
- Full-day workshop access
- Hands-on sessions with mentor
- Certificate of Participation
- Q&A Session
Why us?
Projects worldwide
USA, Germany, UK,
Norway, Belgium
Angular experts
Who have coded in Angular
since its release
Years of experience
Building enterprise-scale
web applications
Bring This Workshop to Your Team!
Want to upskill your entire dev team? This Angular workshop is also available as a private in-house or remote session, fully adapted to your team’s needs, codebase, and experience level.
FAQ
Who is this Angular workshop for?
For developers who have been working with Angular but haven’t had time to catch up with the latest changes.
Also ideal for those early in their Angular journey (up to ~1 year) who want to understand modern patterns, architecture, and tooling.
Will the workshop be recorded and available for later access?
No, the workshop will be live only. There will be no recordings available afterwards.
In what language will the workshop be conducted?
The workshop will be conducted in English.
Is there any certification or proof of participation?
Yes, every participant will receive a certificate of participation after completing the workshop.
Do I need to install anything before the workshop?
No installation is required. All coding exercises will be done in-browser using StackBlitz.