Skip to main content

Modern Angular: Signals, Zoneless and Beyond

Series on the latest Angular features: signals, standalone components, zoneless change detection, new template syntax with @if/@for/@defer, SSR, and incremental hydration.

Questa serie raccoglie 10 articoli (circa 169 minuti di lettura totale), pensati per un livello Intermediate. Gli argomenti principali trattati sono Angular, signals, zoneless, standalone.

10Articles169 minTotal reading timeIntermediateLevel
AngularsignalszonelessstandaloneSSRhydration

Series Articles

  1. 1

    1 - Angular Signals: From Zero to Production

    Complete guide to Angular Signals: signal(), computed(), effect(), input/output signals, model signals, migration from Zone.js, and practical production patterns.

  2. 2

    2 - Zoneless Change Detection: Goodbye Zone.js

    Learn how change detection works without Zone.js in Angular 21: zoneless configuration, Signal-based detection, step-by-step migration, and performance benchmarks.

  3. 3

    3 - Angular's New Template Syntax: @if, @for, @defer

    Complete guide to Angular's new template syntax: @if with @else if, @for with mandatory track, @switch, @defer for lazy loading, and automatic migration.

  4. 4

    4 - Standalone Components: Angular Without NgModules

    Learn how to develop in Angular without NgModules: standalone components, routing with loadComponent, bootstrapApplication(), and automatic migration.

  5. 5

    5 - Signal Forms: The Reactive Forms of the Future

    Explore Angular's Signal Forms proposal: signal-based form state, reactive validation, hybrid patterns with Reactive Forms, and migration strategies.

  6. 6

    6 - Angular SSR and Incremental Hydration

    Server-Side Rendering in Angular 21: full hydration, incremental hydration with @defer, event replay, SSG prerendering, and SEO optimization.

  7. 7

    7 - Optimizing Core Web Vitals in Angular

    Practical guide to optimizing LCP, INP, and CLS in Angular: NgOptimizedImage, bundle optimization, font loading, production monitoring, and benchmarks.

  8. 8

    8 - Angular + PWA: Building an Installable App

    Transform your Angular app into a PWA: service worker, manifest, caching strategies, offline support, push notifications, and install prompt.

  9. 9

    9 - Advanced Dependency Injection in Angular

    Master advanced DI in Angular: inject() function, InjectionToken, multi providers, functional guards/interceptors, EnvironmentInjector, and testing.

  10. 10

    10 - Migrating from Angular 17 to Angular 21: A Practical Guide

    Step-by-step guide to migrate from Angular 17 to 21: ng update, breaking changes per version, library compatibility, testing, and final checklist.

Test your knowledge!

Have you read all the articles? Check how much you've learned by taking this series' quizzes.

Take the quiz!