Desarrollo web moderno: ¿cuál framework de JavaScript es el indicado para mi organización?

En esta publicación nos queremos enfocar en una pregunta que nos han hecho muchas veces: “¿cuál framework de Javascript es el indicado para mi empresa?”. ¿La clave a esa cuestión es darles nuestra respuesta favorita como consultores? Todo depende. Obviamente los requerimientos particulares de tu organización son la base para la solución que estás creando y probablemente vas a mezclar varios frameworks, dependiendo de lo que necesites.

Al final, las organizaciones no cuentan con recursos ilimitados, así que si estás buscando decidirte por un framework de Javascript que respalde tus esfuerzos de modernización web, aquí hay un buen resumen que nos comparte Alex Arriaga, Technical Lead de Base22.

Actualmente existen tres repositorios/frameworks que en 2018 encabezaron el mundo front-end y que estamos convencidos de que continuarán liderando por muchos años más. Te los presentamos a continuación.

React

Fue creado por Facebook y es ampliamente utilizado para la creación de interfaces de usuario (UI); ha tenido un desempeño destacable, incluso a nivel enterprise. React ha tenido muchos casos de éxito, entre ellos de marcas conocidas como Netflix, Airbnb, American Express, Facebook, Capital One, Atlassian, entre otras. Aquí puedes ver la lista completa de compañías y proyectos que utilizan React.

Ventajas

  • Tiene una curva de aprendizaje corta para aplicaciones no complejas
  • Es fácil encontrar ingenieros que puedan contribuir en tus proyectos
  • Permite manejar desde pequeños componentes UI hasta aplicaciones complejas de una sola página
  • Cuenta con licencia MIT

Desventajas

  • Al momento de crear apps complejas, no hay un procedimiento “oficial” que se pueda seguir. React te da libertad en la manera en cómo organizas los activos, cómo estableces flujos de trabajo de desarrollo, cómo diseñas apps, etc.
  • Utiliza un tipo de sintaxis XML llamado JSX, el cual puede no “sentirse” natural, hablando desde una perspectiva tradicional de front-end (no es obligatorio, pero sí recomendado)
  • Necesita paquetes externos para soportar solicitudes AJAX o cualquier otra tarea que no sea de la interfaz de usuario
  • El buscador es compatible ÚNICAMENTE con Internet Explorer 11 en adelante (para Internet Explorer 9 en adelante es necesario agregar polyfills, lo que hace que las aplicaciones se vuelvan más pesadas)

Vue fue creado por un extrabajador de Google (Evan You) que se inspiró en AngularJS; se ha mantenido por una comunidad que la ha financiado con fondos públicos. Es el framework con el crecimiento más rápido desde 2017 y ha captado una gran interés gracias a su enfoque “progresivo” para la creación de soluciones.

Vue se usa para componentes pequeños integrados en plataformas de experiencia digital, tales como IBM WebSphere Portal y Liferay, así como por sistemas de administración de contenido como Drupal y WordPress. Además, es utilizado por una gran cantidad de compañías incluidas Adobe, Xiaomi, Alibaba y GitLab.

Ventajas 

  • Tiene una curva de aprendizaje corta para aplicaciones no complejas
  • Es fácil encontrar ingenieros que puedan contribuir en tus proyectos
  • Su enfoque progresivo asegura que solo agreguemos lo que necesitamos
  • Cuenta con licencia MIT
  • Puede ser configurado para trabajar con ES2015 o TypeScript

Desventajas

  • Los recursos de soporte a productos son menores si los comparamos con React o Angular ya que cuentan con Facebook y Google dentro de su oferta
  • No existen tantos casos de uso en el entorno empresarial y hay menos documentación disponible para su integración en plataformas de experiencia digital

Angular (not AngularJS)

Ten cuidado de no confundir a Angular (versión 6 o superior) con AngularJS. Este framework fue creado teniendo en mente proyectos tipo enterprise. De hecho, fue reescrito desde cero. La principal diferencia, en comparación con React, es que Angular proporciona todo lo necesario para trabajar con aplicaciones de una sola página desde componentes hasta animaciones y routing. Además, la plataforma es compatible con Google.

Ventajas

  • Es un framework completo, no solo una library
  • Tiene kits de interfaces de usuario mejor desarrollados (como Material Design)
  • Toma ventaja de herramientas modernas front-end como Yarn/NPM, Observables, TypeScript, etc.

Desventajas

  • Tiene una curva de aprendizaje larga en comparación con React o Vue
  • Los desarrolladores necesitan aprender un nuevo lenguaje (TypeScript)
  • No hay muchos casos de uso publicados relacionados con la integración a plataformas de experiencia digital
  • Fue creado con la intención de ser una página de apps, no solo de componentes simples. El equipo de Angular ya está trabajando en esto: anunciaron algo que ellos llaman ‘”Angular Elements”’ que utilizará los estándares del W3C para componentes web (también conocidos como custom elements). Aún no hay una fecha de lanzamiento, pero suponemos que será el próximo año.

Al final del día, la elección de un framework de Javascript puede tener repercusiones de gran alcance dentro de la organización. Esperamos que hayas encontrado esta información útil. Si necesitas más ayuda, estamos aquí para servirte.

475 316 Alexzander Arriaga
Start Typing