Problem Statement
How do you connect RxJS streams with Signals?
Explanation
Use toSignal(observable) to expose stream values to templates as signals, and use fromSignal(signal) if you need an observable source. This allows mixing fine-grained reactivity with async streams.
Code Solution
SolutionRead Only
const user$ = this.api.user$; // Observable<User>
readonly userSig = toSignal(user$, { initialValue: null });
// template: {{ userSig()?.name }}