Workshop

Master Signals and Deep Dive into Architecture Best Practices

Apr 11
Apr 11, 2025 Delhi, India

Michael Hladky

Michael Hladky

Enea Jahollari

Enea Jahollari

NgIndia Workshop

Description

This workshop dives deep into Angular's latest features, empowering you to build blazing-fast, well-architected applications. We'll explore the revolutionary signal-based reactivity system and unlock the secrets to optimized performance and maintainability.

Mastering Angular Signals

  • In-Depth Exploration of Signals, Angular's New Reactivity Primitive

  • Managing Side Effects with Effects

  • Deriving Values Efficiently with Computed Signals

  • Connecting and Transforming Signals with LinkedSignal

  • Streamlining Asynchronous Operations with Resource & rxResource

Signal-Based Change Detection: The Path to High Performance

  • Revolutionizing Change Detection: Synchronization using Signals

  • Zoneless Change Detection: Eliminating Zones for Optimal Performance

  • @defer: Optimizing Component Rendering & Page Load Speed

  • New Control Flow: Streamlining Template Logic

Modern Component Architecture with Signals

  • Signal Inputs: Reactive Component Communication

  • Model Inputs: Simplifying Two-Way Data Binding

  • Signal Queries: Advanced & Reactive Content Projection

  • Automatic Schematics to Ease Code Migration

Next-Level Server-Side Rendering (SSR)

  • Event Replay: Ensuring Consistent Behavior & Never Miss a Click

  • Incremental Hydration: Hydrate Only What You Need & When You Need It

  • Server Routes Configuration: Optimizing SSR Setup

Takeaways

  • Master Angular's signal-based reactivity system.

  • Build high-performance applications with zoneless change detection.

  • Design and implement modern, well-architected components.

  • Leverage advanced SSR techniques for optimal performance.

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