Comunicación entre componentes usando Signals — Lección 6 | Curso Signals desde cero

Sobre esta lección

🚀 Bienvenido a la Lección 6 del Curso de Signals en Angular: Comunicación entre componentes con Signals (Input & Output) En esta sexta clase aprenderás cómo comunicar componentes en Angular utilizando la nueva API basada en Signals. Compararemos el enfoque tradicional con decoradores (@Input() / @Output()) frente al moderno sistema con input() y output() como funciones nativas del framework. 📘 Qué aprenderás en esta lección * Qué es el modelo de componentes en Angular y por qué es importante * Diferencias clave entre decoradores y la nueva API con Signals * Uso de input() y output() como funciones en lugar de decoradores * Cómo se actualizan los datos reactivamente sin ngOnChanges ni EventEmitter * Cómo migrar paso a paso de la API antigua a la moderna * Ventajas de tipado fuerte, menor boilerplate y reactividad nativa 🎯 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 ← estás aquí 06. Two-Way Binding with Signals 07. Querying Components with Signals 08. Router Integration 09. Async Patterns and Fetching Data 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 y contexto del curso 00:24 – Qué es el modelo de componentes 01:57 – Comparativa decoradores vs funciones (input() y output()) 03:11 – Cómo funcionan las nuevas funciones de reactividad 04:18 – Ejemplo clásico con decoradores (@input/@output) 06:27 – Uso de señales (input/output) para comunicación padre/hijo ¡Nos vemos en la siguiente lección! 🎥✨