Workshop

Building the Future with Angular: Master Signals and Deep Dive into Architecture Best Practices | Ng Venice 2025

Mar 13
Mar 13, 2025 Venice, Italy

Michael Hladky

Michael Hladky

Enea Jahollari

Enea Jahollari

NgVenice Workshop Building the Future with Angular

Description

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 @deferhas to offer and how to not break it!

Bonus: Lazy load services: Learn how to lazy load services using injectLazy.

Takeaways

  • Master Signals – Dive deep into Angular’s new powerful reactivity system

  • Build Smarter Components – Use modern APIs like signal inputs, linkedSignal, and rxResource

  • Go Zoneless – Optimize change detection for better performance

  • Architect Angular Workspaces like a Pro – Standalone components, function-based APIs & lazy-loading

More from the trainers

Angular v21 Goes Zoneless by Default: What Changes, Why It’s Faster, and How to Upgrade

Angular v21 Goes Zoneless by Default: What Changes, Why It’s Faster, and How to Upgrade

If Signals were Angular’s “aha!” moment, Zoneless is the “oh wow—this feels snappy” moment. With Angular v21, new apps use zoneless change detection by default. No more zone.js magic under the hood—just explicit, predictable reactivity powered by Signals.

Angular Web Performance
Enea Jahollari
Enea Jahollari
Dynamic Angular Config for SSR

Dynamic Angular Config for SSR

Deploy one Angular app for many clients with unique configs—without breaking SSR or DX. Here’s how to unlock dynamic configuration.

Angular Architecture
Enea Jahollari
Enea Jahollari
Advanced CPU Profiling in Node - Profile Data Structure

Advanced CPU Profiling in Node - Profile Data Structure

CPU profiles are more than flame charts—they’re structured JSON files. Learn how nodes, samples, and time deltas form the backbone of DevTools performance data.

Web Performance DevTools Architecture Node.js
Michael Hladky
Michael Hladky
Advanced CPU Profiling in Node - Real-Life Examples

Advanced CPU Profiling in Node - Real-Life Examples

Profiling is easiest when it's real. Learn how to capture and make sense of CPU profiles in Node.js across scripts, threads, and processes—then apply it to your own projects.

Web Performance DevTools Architecture Monorepo Node.js
Michael Hladky
Michael Hladky
Advanced CPU Profiling in Node - Best Practices and Pitfalls

Advanced CPU Profiling in Node - Best Practices and Pitfalls

Get deeper insights into your Node.JS performance. Learn how to master advanced CPU profiling with built-in tools, interpret process/thread IDs, and optimize using sampling intervals. Troubleshooting and real examples included.

Web Performance DevTools
Michael Hladky
Michael Hladky
Implementing Incremental Hydration in Angular (Part 3/3)

Implementing Incremental Hydration in Angular (Part 3/3)

Implement incremental hydration in a real-world Angular app - Basic setup, hydration triggers and important considerations for a seamless integration.

Angular Web Performance Architecture
Michael Hladky
Michael Hladky