RxJS Interop

Priority: P1 (HIGH)

Principles

• Async to Sync: Use toSignal to convert Observables (HTTP, Events) to Signals for template rendering.
• Sync to Async: Use toObservable when you need RxJS operators (debounce, switchMap) on a Signal.
• Auto-Unsubscribe: toSignal automatically unsubscribes.
• Cleanup: Use takeUntilDestroyed for manual subscriptions in injection contexts.

Guidelines

• HTTP Requests:
  • GET: http.get().pipe(...) -> toSignal()
  • POST/PUT: Trigger explicit subscribe() or lastValueFrom().
• Race Conditions: Handle async loading states. toSignal requires an initialValue or handles undefined.

References

• Signals vs Observables

🚫 Anti-Patterns

• Do NOT use standard patterns if specific project rules exist.
• Do NOT ignore error handling or edge cases.