Integrando Signal Router en Angular — Lección 9 | Curso Signals desde cero a experto
Ya has superado la mitad. Estás muy cerca de completar el curso.
Sobre esta lección
🚀 Bienvenido a la Lección 9 del Curso de Signals en Angular: Integración del Router En esta clase aprenderás a utilizar las nuevas capacidades del router de Angular que permiten trabajar con Signals de forma directa, eliminando suscripciones, ciclos de vida innecesarios y mejorando la reactividad y el rendimiento. 📘 Qué aprenderás en esta lección * Qué es el Router y sus responsabilidades en SPAs * Limitaciones del enfoque clásico basado en ActivatedRoute + RxJS * Uso de input() para bindear parámetros de ruta como signals * Eliminación de ngOnInit, ngOnDestroy, y markForCheck * Comparativa detallada: Clásico vs Signals Router * Ejemplo práctico con conversión automática de params 🎯 A quién está dirigido este cursoDesarrolladores 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 ← estás aquí 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 objetivos de la lección 00:11 – Qué es el Router en SPAs 03:26 – Comparativa: Clásico vs Signal Router 05:50 – Ejemplo clásico con ActivatedRoute 07:28 – Ejemplo usando Signal Router paso a paso 09:00 – Demostración final y cierre ¡Nos vemos en la siguiente lección! 🎥✨
Sobre este curso
En esta serie de vídeos aprenderás desde cero cómo funcionan las Signals en Angular 21 y superiores. Verás: 1. Fundamentos de reactividad con Signals frente a RxJS 2. Las primitivas de Signals: Signal, Computed, LinkedSignal, effect. 3. Comunicación entre componentes. 4. Signal Queries. 5. Router. 7. Comunicación asíncrona con elementos (resources y http). 8. Interoperatividad. 9. Y todas las novedades que salgan al respecto.
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