Workshop
Modern Angular at Scale – Performance and Architecture
Description
In this workshop, you will learn how to use standalone components to build more modular and scalable applications. You will also learn how to use the new inject function for dependency injection. We will also teach you to understand signals and fine-grained reactivity to boost your application's performance.
We will cover all details of NgOptimizedImages, SSR, and how to scale component architecture.
Takeaways
Signals CD vs. default Angular CD
Standalone Components, Directives and Pipes
Dependency injection: new inject method
Functional guards, interceptors & resolvers
New provider functions
New router provider
Signals: Angular's new reactive primitive
Fine-grained change detection
Typed reactive forms
Directive composition API
NgOptimizedImage
SSR & hydration
esbuild
More from the trainers
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.
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.
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.
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.
The Game-Changing Impact of Incremental Hydration in Angular (Part 2/3)
Let's dive deeper into why incremental hydration in Angular matters so much for performance and user experience, focusing on its influence on Largest Contentful Paint (LCP), Interaction to Next Paint (INP), and Cumulative Layout Shift (CLS).
Incremental Hydration in Angular: Introduction (Part 1/3)
Incremental hydration is a groundbreaking new feature in Angular that heavily impacts critical performance metrics like INP and LCP, while also reducing the effort required to maintain CLS at low levels.