¿Por qué debería aprender un marco JS front-end (Angular, React, etc.) y cuáles son sus beneficios sobre un sitio construido más ‘tradicionalmente’?

Primero, una distinción: Angular es un Framework, React es una biblioteca.

Los marcos y las bibliotecas son útiles porque te ayudan a construir sitios más rápido. Mientras que los sitios construidos “tradicionalmente” se pueden construir lo suficientemente rápido, siempre hay bibliotecas, utilidades, ayudantes que lo hacen más rápido. Framework es solo un nivel superior en una biblioteca.

Ejemplo: puede desarrollar un sitio para admitir todos los navegadores (de escritorio, móviles), sistemas operativos (Windows, OS X, iOS, Linux, Android, etc.) sin jQuery o cualquier reinicio de CSS o grid o ayudantes. La gente hace eso y a veces hay muy buenas razones para hacerlo así.

Pero se necesitaría mucho esfuerzo para asegurarse de que todo funcionara en todos los navegadores. De, es decir. cómo necesita adjuntar oyentes de eventos y cómo manejarlos para crear solicitudes de Ajax, haciendo muchas cosas. Lo mismo con los reinicios CSS, los sistemas de cuadrícula, etc., si no usa bibliotecas, debe ocuparse de todos los prefijos de proveedores y similares.

Ahora, supongamos que usa jQuery, ahora sus cosas de JavaScript requieren mucho menos esfuerzo, porque haría ajax con jQuery, y jQuery se encargará de la plataforma subyacente.
Entonces, puede crear su sitio más rápido y con más confianza de que no olvidó algo peculiar.

React es una biblioteca que te ayuda a crear vistas reutilizables. Puede crear componentes, digamos un simple formulario de inicio de sesión, y reutilizarlos en todos los proyectos. Con él, no tienes que repetirlo cada vez.

Del mismo modo, puede crear un componente angular o de polímero.

Entonces, al desarrollar un nuevo sitio, agrega un y listo, y sabe que está funcionando en todos los navegadores y todos los sistemas operativos.

Otra cosa que obtienes es la capacidad de prueba. Puede escribir pruebas para sus componentes y asegurarse de que su sitio se construye como usted pretendía.

Finalmente, los marcos como este hacen que sea mucho más fácil separarse de la perspectiva del backend. Simplemente sabe que hay algún tipo de servicio de back-end que le proporcionará JSON para sus sitios, pero no le importa.

Si realiza sus sitios sin bibliotecas y utilidades, deberá crear sus propios componentes para comunicarse con el servidor cada vez que inicie un nuevo sitio o agregue un nuevo recurso.

En pocas palabras, las herramientas frontales como Angular y React se utilizan para consumir datos y mostrar esos datos en el navegador / ventana gráfica.

Manipular e iterar sobre los datos en una aplicación Angular / React es 10 veces más fácil que las formas jQuery de hacer las cosas.

Angular y React tienen una arquitectura basada en componentes. Esto significa que partes de su código pueden reutilizarse en toda su aplicación.

Si tiene ganas de probar algo nuevo, recomendaría probar React primero porque tiene una barrera MUCHO más pequeña para la entrada. La API es probablemente 1/10 del tamaño de Angular. No estoy abogando por uno u otro. Sin embargo, si es nuevo en los frameworks JS, comience con el más pequeño y aprenderá por qué necesita uno u otro.

AngularJS se utiliza para crear aplicaciones de una sola página. Puede proporcionar navegación completa y todas las funciones que desee tener sin volver a cargar la página. También es muy fácil usar un framework como AngularJS con un backend RESTful (MEAN stack, Java EE, Ruby, …).

Si desea crear aplicaciones dinámicas con su propio backend, entonces es imprescindible aprender Angular.

Su cliente no es solo un montón de páginas html combinadas, sino una aplicación de navegador separada.

Desde ahora tiene que construir una API para servir sus datos. Luego, al crear una aplicación cliente separada para los navegadores, y al usar la misma API, también puede crear aplicaciones móviles.

  • Velocidad de desarrollo dentro de sus controladores. Ya no le importan los diseños HTML, siempre devuelve Json. Un montón de marcos ahora le permiten definir el modelo de datos y generarán su API para usted. A veces, incluso es posible tomar su código de cliente y, con pequeñas modificaciones, convertir a la aplicación móvil usando phonegap
  • Probar sus puntos finales haciendo menos trabajo ahora, por lo que definitivamente son menos casos de prueba

Tardan menos tiempo en crear su aplicación. Son más eficientes. Su parte de codificación se reduciría.