Async Patterns con Signals y HTTP Resource en Angular — Lección 10 | Curso Signals desde cero

Sobre esta lección

🚀 Bienvenido a la Lección 10 del Curso de Signals en Angular: Async Patterns & Fetching Data En esta décima clase aprenderás a recuperar datos asíncronos usando las primitivas resource() y httpResource() (Angular 19+), integradas con signals. Verás cómo simplificar la lógica de carga, errores y cancelaciones sin suscripciones manuales ni boilerplate. 📘 Qué aprenderás en esta lección * Por qué necesitamos fetch de datos y gestión del estado en UI * Limitaciones del enfoque clásico con RxJS y HttpClient * Uso de resource() para crear un recurso reactivo * Uso de httpResource() para peticiones HTTP integradas (GET, POST, interceptores, cache) * Gestión automática de estados: value, isLoading, error, y método reload() * Comparativa entre resource() y httpResource() vs código clásico * Ejemplo práctico con todo integrado de forma limpia 🎯 A quién está dirigido este curso Desarrolladores frontend que quieren dominar Angular Signals desde cero, optimizar la reactividad de sus aplicaciones y conocer el nuevo modelo reactivo oficial de Angular. 🧵 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 ← estás aquí 10. RxJS Interop … 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 – Introducción: ¿qué veremos en esta lección? 00:22 – ¿Por qué recuperar datos asíncronos es importante? 00:46 – Problemas del enfoque clásico con RxJS y HttpClient 01:33 – Introducción a `resource()` en Angular 16+ 02:31 – ¿Para qué sirve `httpResource()` y qué ventajas tiene? 03:19 – Comparativa entre RxJS y Signals: errores, loading y value 04:38 – Más ventajas: cancelación, reload y automatización 05:25 – Ejemplo clásico: verbosidad y hooks manuales 06:13 – Ver el ejemplo clásico en ejecución 08:32 – Uso de `resource()`: definición, loading, error y valor 11:50 – Introducción a `httpResource()`: integración con `HttpClient` 13:33 – Ejemplo práctico con `httpResource()`: limpio, sin boilerplate ¡Nos vemos en la siguiente lección! 🎥✨