Signals / RxJS Interoperability (toObservable, toSignal)

Angular allows using Signals for component inputs and outputs.

import { Component, input } from "@angular/core";

@Component({
  selector: "app-user",
  template: `<p>{{ name() }}</p>`,
})
export class UserComponent {
  name = input<string>();
}