¡Llegaron los SIGNAL FORMS! 🤯 La API de Formularios NATIVA de Angular 21 - Lección 12|Curso Signals

Описание: 🚀 Bienvenido a la Lección 12 del Curso de Signals en Angular: ¡Llegan los Signal Forms!


Por fin está aquí la pieza que faltaba en el puzzle. Con la llegada de Angular 21 (RC), podemos usar la nueva API experimental de Formularios Basados en Signals.

En esta clase descubrirás cómo funciona esta nueva API, por qué es el futuro de los formularios en Angular y cómo se compara con los formularios reactivos (Reactive Forms) y los basados en template.

📘 Qué aprenderás en esta lección:

1. La gran comparativa: Template Forms vs. Reactive Forms vs. Signal Forms.
2. Cómo configurar la nueva API (usando el wrapper 'form' y la directiva 'field')
3. Crear formularios reactivos 100% basados en Signals.
4. Leer y actualizar valores del formulario de forma reactiva (.set, .update).
5. Manejar estados del formulario (dirty, touched, valid) como signals.
6. Implementar validaciones NATIVAS (required, minLength, pattern).
7. Crear validaciones custom SÍNCRONAS (validate y customError).
8. El poder de la validación ASÍNCRONA con 'validateAsync'.
9. Bonus: El azúcar sintáctico 'validateHttp' para validar contra una API.

🎯 A quién está dirigido este curso: Desarrolladores de Angular que quieran construir aplicaciones 100% basadas en Signals y dominar la nueva arquitectura de formularios antes que nadie.

🧵 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 10. Interoperabilidad (RXJS Interop) 11. Signal Forms (Formularios) ← estás aquí [cite: 1] 12. Continuará… … y mucho más

💻 Código fuente del curso en GitHub https://github.com/puntotech/angular-...

🔔 Suscríbete para no perderte las siguientes lecciones y la actualización del curso de Angular Moderno a la versión 21.

⏱️ Timestamps (Aquí van los timestamps que he generado del vídeo)

¡Nos vemos en la próxima entrega del curso! 🎥✨!

⏱️ Timestamps

00:00 - Intro: La espera por Angular 21 y Signal Forms
00:51 - Comparativa: Template vs Reactive vs Signal Forms
01:29 - Configuración y Setup (La directiva field y form)
04:20 - Formulario básico con Signals
06:55 - Actualizar el formulario (set y update)
08:42 - Estados del formulario (dirty, touched, invalid)
10:33 - Validación Nativa (require, minLength, etc.)
12:21 - Mostrar errores de validación en el template
14:38 - Validación Custom SÍNCRONA (validate y customError)
18:06 - Validación Custom ASÍNCRONA (validateAsync)
23:47 - validateHttp: Azúcar Sintáctico: Validación ASÍNCRONA
25:36 - El estado pending en validaciones asíncronas
26:24 - Conclusión y Próximos pasos del curso