RxJS y Signals interoperatividad entre ellos — Lección 11 | Curso Signals desde cero

Sobre esta lección

🚀 Bienvenido a la Lección 11 del Curso de Signals en Angular: Interoperabilidad con RXJS En esta clase descubrirás cómo trabajar con código que usa RxJS sin renunciar a Signals. Aprenderás a convertir observables en signals y viceversa. 📘 Qué aprenderás en esta lección * Qué es RxJS y por qué sigue siendo relevante en algunos proyectos * Problemas comunes del uso de RxJS en Angular moderno (boilerplate, suscripciones manuales y detección de cambios) * Cómo funciona el paquete de interoperabilidad (RxInterop) * Métodos principales: - toSignal() para convertir Observable → Signal - toObservable() para convertir Signal → Observable - rxResource() para integrar observables en recursos reactivos - takeUntilDestroyed() para evitar memory leaks automáticamente - outputFromObservable() y outputToObservable() para interoperar con Outputs en componentes * Ejemplos prácticos de uso con interval, inputs, outputs y recursos 🎯 A quién está dirigido este curso Desarrolladores con código legacy en RxJS que desean migrar progresivamente a Angular Signals, manteniendo compatibilidad sin perder reactividad ni limpieza. 🧵 Curso completo: Angular Signals desde cero 00. Intro to Change Detection 01. Writable & Readonly Signals 02. Computed Signals 03. Effects and Side Effects 04. LinkedSignal API 05. Input/Output with Signals 06. Two-Way Binding with Signals 07. Querying Components with Signals 08. Router Integration 09. Async Patterns and Fetching Data 10. Interoperabilidad (RXJS Interop) ← estás aquí 11. Continuará… … y mucho más 💻 Código fuente del curso en GitHub https://github.com/puntotech/angular-signals-course 🔔 Suscríbete para no perderte las siguientes lecciones ⏱️ Timestamps 00:00 – Presentación y contexto de uso de RxJS 01:00 – ¿Qué es RxJS y por qué sigue presente en Angular? 03:21 – Problemas del enfoque clásico: boilerplate, suscripciones, detección de cambios 04:45 – Comparativa RxJS Vs Signals 07:36 – ¿Qué es el paquete Angular RxJS Interop y para qué sirve? 08:50 – Conversión toSignal(): de observable a signal (con valor inicial) 09:28 – Conversión inversa: toObservable() 10:10 – Uso de rxResource() para integrar observables en resources 11:12 – Operador takeUntilDestroyed() y gestión automática de cancelación de observables 12:12 – Ejemplo con Output de componente: outputToObservable() y outputFromObservable() ¡Nos vemos en la próxima entrega del curso! 🎥✨