What You Will Learn:

✔️ Master Signals
* Dive Deep: Go beyond the basics and understand the inner workings of Signals, Angular's new powerful reactivity system. * Real-World Practice: Gain practical experience by applying signal best practices, reinforcing your understanding of how signals work.

✔️ Craft Modern, Efficient Components:
* Modern APIs: Leverage signal inputs, model inputs, function-based outputs, signal queries, and more to build smarter, more reactive components. * Master derived local state with linkedSignal and async state with resource & rxResource

✔️ Go Zoneless & Signal-based change detection
* Embrace Angular's new, faster, and more efficient zoneless change detection with Signals and learn how to benefit from them.

✔️ Enhance Development Techniques
* Master inject patterns: Go beyond basic service injection and discover innovative code patterns that promote reusability, maintainability, and scalability in your Angular projects.

✔️ Architect Angular Workspaces like a Pro
* Standalone: Understand and unlock the benefits of a more modular architecture with standalone components, directives and pipes. * Function-based APIs and provide*- Learn how to create better APIs that are easier to maintain and reuse which align with Angular’s vision. * @defer like a PRO: Dramatically reduce bundle size and initial load time with @defer. Get in-depth experience about everything @defer has to offer and how to not break it! * Bonus: Lazy load services: Learn how to lazy load services using injectLazy.

Authors: Michael Hladky & Julian Jandl

In this interactive workshop, we use Angular’s latest innovations to build a modern and maintainable architecture.

We start with Standalone Components and learn how to structure a large application using a Mono Repo and Strategic Design – a discipline from Domain-driven Design (DDD).

We discuss categorizing the individual parts of our application and how to enforce our architecture with tools such as Nx or Sheriff. On top of our Strategic Design, we implement a Micro Frontend Architecture with Module Federation. Then, we discover how Angular’s new Signals fit our modern architecture.

We discuss fine-grained change detection and State Management with the new NGRX Signal Store. We implement some custom features for the Signal Store to cover repeating and complex use cases with just a few lines of code. Finally, we discuss how the new Signal component will help to simplify our architecture further and how they work together with traditional components.

Part 1: 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

Part 2: 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

Part 3: Reactive Architectures with Signals

• Reactive thinking with Signals
• Building your reactive graph with computed, linkedSignal, and the Resource API
• Correctly using Effects
• Backgrounds: auto-tracking and glitch-free behavior
• RxJS interoperability with Signals

Part 4: Streamlining Reactivity with the NGRX Signal Store

• State Management with the new NGRX Signal Store
• Lightweight stores and your architecture
• Using the Resource API inside a Signal Store
• Eventing for a Flux/”Redux”-like architecture
• Building custom features for recurring requirements

Authors: Manfred Steyer & Rainer Hahnekamp

Full details here.