¿Cuáles son las ventajas de usar un marco como Angular 2 sobre hacerlo manualmente con algunos JavaScript / AJAX / jQuery?

No he usado Angular 2, solo Vue y probé React, pero supongo que todos tienen el mismo propósito.

Pero para responder a su pregunta, las ventajas de usar estos marcos variarán según sus necesidades. Si solo necesita hacer una tarea asíncrona muy pequeña que NO necesita escalar, importar estos marcos es una mala idea porque:

Contras

  • La mayoría de ellos agrega una gran cantidad de gastos generales y tamaño de archivo (aparte de Vue, que es bastante ligero)
  • Cada uno tiene una curva de aprendizaje

Pero si lo que está haciendo es complejo y requeriría demasiado Javascript para mantenerlo fácilmente y necesitará escalar en el futuro, entonces hágalo totalmente. La complejidad adicional del marco valdrá la pena porque:

Pros

  • Su código Javascript probablemente no sea tan bueno como el Javascript en estos marcos
  • Están bien mantenidos debido a su popularidad.
  • Bien documentado, puede encontrar cursos para cualquier cosa y respuestas a sus preguntas.
  • No tiene sentido reinventar la rueda si ya se ha construido mejor *

* a menos que desee estrictamente aprender y evolucionar como desarrollador, la reconstrucción de herramientas puede ser muy útil aunque no sea muy práctica.

Para concluir, todo depende de lo que intente construir y de qué tan dispuesto esté a aprender algo nuevo.

Angular 2 es un marco Frontend que usa y está escrito en JavaScript.

Editar: la pregunta se cambió para que coincida con más precisión con la intención del autor de la pregunta, así que aquí va.

Voy a arriesgarme y decir que no debes usar jQuery o Javascript puro. Son herramientas fantásticas y son la base de todo el desarrollo web, pero no se escalan y si su proyecto tiene alguna circunferencia, se verá como un gran tazón de espagueti que es propenso a romperse. Utilice todos los marcos y bibliotecas maravillosos que hacen que el proceso sea mucho más fácil. Angular 2 tiene una curva de aprendizaje, pero si está haciendo un proyecto de cualquier tamaño real, terminará pagándose por sí mismo.

Angular / React son marcos de javascript adecuados que tienen ciertas convenciones y estructura en las que necesita colocar su código. Tienen muchos componentes, incluidos el enrutamiento, la plantilla, la manipulación de datos y otras funciones, por otro lado, Jquery es solo una biblioteca que puede incluir en cualquier proyecto basado en la web para lograr un cierto efecto de UI o guardar en algún momento escribir su propio javascript