Signal Queries al completo — Lección 8 | Curso Signals desde cero
Ya has superado la mitad. Estás muy cerca de completar el curso.
Sobre esta lección
🚀 Bienvenido a la Lección 8 del Curso de Signals en Angular: Querying de Componentes con Signals En esta octava clase aprenderás a usar las nuevas Signal Queries (view, viewChildren, contentChild, contentChildren) para acceder a elementos del DOM y directivas dentro de componentes sin necesidad de ciclos de vida ni ChangeDetectorRef. La reactividad llega también a la gestión de referencias. 📘 Qué aprenderás en esta lección * Qué son las Signal Queries y su utilidad en Angular * Diferencias entre decoradores (@ViewChild, etc.) y funciones como view() * Cómo evitar ngAfterViewInit y trabajar con referencias reactivas * Qué problemas resuelven en términos de timing, limpieza y performance * Tabla comparativa entre el enfoque clásico y moderno con Signals * Ejemplo práctico: lectura de inputs y sincronización automática 🎯 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 ← estás aquí 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 a Signal Queries 00:11 – ¿Qué son y para qué sirven? 00:33 – Decoradores clásicos vs funciones signal 01:01 – Problemas del enfoque anterior: hooks y ChangeDetectorRef 01:24 – Cómo lo resolvemos ahora con señales 02:22 – Tabla comparativa: modelo tradicional vs Signals 03:50 – Ejemplo con decoradores @ViewChild y markForCheck en el enfoque clásico 04:52 – Ejemplo con Signal Queries en el enfoque de señales 06:37 – Cierre y siguiente tema: Signal Router ¡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.
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