¿Cuáles son las diferencias prácticas entre las formas reactivas y basadas en plantillas?

He estado leyendo sobre la nueva API de formularios de Angular2 y parece que hay dos enfoques en los formularios, uno es formularios basados ​​en plantillas y otro son formularios reactivos o modelos.

Me gustaría saber la diferencia práctica entre los dos, no la diferencia en la sintaxis (obviamente) sino los usos prácticos y qué enfoque se beneficia más en diferentes escenarios. Además, ¿hay un aumento de rendimiento al elegir uno sobre el otro? Y si es así, ¿por qué?

Características de formularios controlados por plantilla

• Fácil de usar
• Adecuado para escenarios simples y falla para escenarios complejos
• Similar a AngularJS
• Enlace de datos bidireccional (usando [(NgModel)] sintaxis)
• Código de componente mínimo
• Seguimiento automático del formulario y sus datos (manejado por Angular)
• Las pruebas unitarias son otro desafío

Características de los formularios reactivos

• Más flexible, pero necesita mucha práctica.
• Maneja cualquier escenario complejo
• No se realiza ningún enlace de datos (modelo de datos inmutable preferido por la mayoría de los desarrolladores)
• Más código de componente y menos marcado HTML
• Las transformaciones reactivas pueden hacerse posibles, como
  • Manejo de un evento basado en un tiempo de rebote
  • Manejo de eventos cuando los componentes son distintos hasta que se cambian
  • Agregar elementos dinámicamente
• Pruebas unitarias más fáciles

Creo que es una discusión sobre código , estrategia y experiencia del usuario .

En resumen, cambiamos por un enfoque basado en plantillas que es más fácil de trabajar con él, a reactivo (en un enfoque basado en modelos) para darnos más control , lo que resulta en una mejor forma comprobable al aprovechar un desacoplamiento entre el HTML (diseño / El equipo de CSS puede trabajar aquí) y las reglas comerciales de los componentes (miembros especialistas en angular / js) y para mejorar la experiencia del usuario con características como transformaciones reactivas, validaciones correlacionadas y manejar escenarios complejos como reglas de validación de tiempo de ejecución y duplicación de campos dinámicos.

Este artículo es una buena referencia al respecto: Formularios Angular 2 : enfoques basados ​​en plantillas y en modelos

Aquí está el resumen de la comparación entre la plantilla impulsada y las formas reactivas explicadas por DeborahK (Deborah Kurata) bien,

Formas reactivas:

• reutilizable
• más robusto,
• comprobable
• más escalable

Formas basadas en plantillas:

• fácil de agregar,
• menos escalable
• requisitos básicos de forma

En resumen , si los formularios son muy importantes para su aplicación, o se usan patrones reactivos en su aplicación, debe usar formularios reactivos . De lo contrario, su aplicación tiene requisitos básicos y simples para formularios como iniciar sesión, debe usar formularios basados ​​en plantillas .

Hay un enlace oficial angular

La forma más fácil de conocer la diferencia entre los formularios reactivos y los formularios basados ​​en plantillas

Puedo decir que si quieres más control y escalabilidad, ve con formas reactivas

Formas controladas por plantilla:

importado usando FormsModule

Los formularios creados con la directiva ngModel solo se pueden probar en una prueba de extremo a extremo porque esto requiere la presencia de un DOM

El valor del formulario estaría disponible en dos lugares diferentes: el modelo de vista, es decir, ngModel

Validación de formulario, a medida que agregamos más y más etiquetas de validación a un campo o cuando comenzamos a agregar validaciones complejas de campo cruzado, la legibilidad del formulario disminuye

Formas reactivas

Generalmente se puede usar para aplicaciones a gran escala

lógica de validación compleja es en realidad más simple de implementar

importado usando ReactiveFormsModule

El valor del formulario estaría disponible en dos lugares diferentes: el modelo de vista y el FormGroup

Prueba fácil de unidad: podemos hacerlo simplemente instanciando la clase, estableciendo algunos valores en los controles del formulario y realizando afirmaciones contra el estado válido global del formulario y el estado de validez de cada control.

Uso de observables para programación reactiva

Por ejemplo: un campo de contraseña y un campo de confirmación de contraseña deben ser idénticos

Forma reactiva: solo necesitamos escribir una función y conectarla al FormControl

Forma guiada por plantilla: necesitamos definir una directiva y de alguna manera pasarle el valor de los dos campos

https://blog.angular-university.io/introduction-to-angular-2-forms-template-driven-vs-model-driven/