😤 Rage Clickers Will Hate Angular 19 Event Replay

Photo by SHVETS production: https://www.pexels.com/photo/black-woman-texting-message-on-smartphone-at-table-with-computer-7191988/

Serial tappers beware. Angular 19 may piss you off

Angular 19 came with some many nice features, like incremental hydration (by deferring template hydration with @defer syntax). Route level render mode. Also there’s long awaited HMR for styles, while for templates is still experimental (NG_HMR_TEMPLATES=1 ng serve).

At last standalone components are standalone by default. So you can remove standalone: true from your codebase, and you can enforce for every component to be standalone:

{
  "angularCompilerOptions": {
    "strictStandalone": true
  }
}

Signals start to stabilize too, input, output and view queries are now stable. These are actually quite fantastic:

@Component({
  selector: 'custom-card-header',
  /*...*/
})
export class CustomCardHeader {
  text: string;
}
@Component({
  selector: 'custom-card',
  template: '<custom-card-header>Visit sunny California!</custom-card-header>',
})
export class CustomCard {
  header = viewChild(CustomCardHeader);
  headerText = computed(() => this.header()?.text);
}

viewChild lets you access an element so easy. Love it. There’s more view queries to fit all needs.