Usando computed() para crear valores derivados — Lección 3 | Curso Signals desde cero

Lección 22 de 3269%

Ya has superado la mitad. Estás muy cerca de completar el curso.

Sobre esta lección

🚀 Bienvenido a la Lección 3 del Curso de Signals en Angular: Computed Signals En esta tercera clase aprenderás a utilizar la primitiva computed() para crear señales derivadas en Angular. Descubrirás cómo generar valores calculados en tiempo real a partir de otras señales, aprovechar la memorización automática, y construir interfaces más reactivas sin esfuerzo. 📘 Qué aprenderás en esta lección * Qué es una señal computada y su propósito * Cómo funciona computed() y cuándo usarla * Diferencias clave frente a señales readonly * Ventajas de la memorización (memoization) en Angular Signals * Casos típicos de uso con ejemplos prácticos en UI y lógica * Cómo se recalculan los valores solo cuando cambian sus dependencias 🎯 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 01. Intro to Change Detection 02. Writable & Readonly Signals 03. Computed Signals ← estás aquí 04. Effects and Side Effects 05. LinkedSignal API 06. Input/Output with Signals 07. Two-Way Binding with Signals 08. Querying Components with Signals 09. Router Integration 10. Async Patterns and Fetching Data 11. RxJS Interop 💻 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 a señales derivadas 00:32 – Qué es computed() y cuándo se usa 01:20 – Signal Vs asReadOnly Vs Computed 03:03 – Ejemplo con valores numéricos 04:20 – Ejemplo con strings derivados 05:50 – Usos prácticos en UI reactiva 08:00 – Conclusión y visión para la siguiente lección ¡Nos vemos en la siguiente lección! 🎥✨

Sobre este curso

En este curso aprenderás a desarrollar una aplicación completa en Angular Moderno (19+) aprendiendo los fundamentos de Angular.

Lección 22 de 32Nivel: principianteDuración total: 12h 48m

Lo que aprenderás en este curso:

  • Comprender la arquitectura de módulos y componentes de Angular
  • Crear servicios, directivas y pipes personalizados
  • Implementar formularios reactivos y validaciones
  • Gestionar el enrutamiento y la navegación en Angular