Vue

Vue es un framework de JavaScript de código abierto para construir interfaces de usuario. Renderiza un árbol de componentes en el navegador, sigue el estado mediante un sistema de reactividad que actualiza solo lo que ha cambiado de verdad, y mantiene las plantillas lo bastante cerca del HTML plano como para que alguien que sabe marcado pueda leerlas en su primer día en el proyecto.

Lo que nos resulta útil es que la adopción es incremental. Vue se puede añadir a una sola página de una aplicación renderizada en servidor y hacerse cargo de un único widget, y ese mismo código de componente funciona sin cambios dentro de un pipeline de build completo más adelante. Un equipo con una aplicación heredada grande puede modernizar pantalla a pantalla, entregando cada paso, en lugar de comprometerse con una reescritura antes de saber si el enfoque se sostiene.

El componente de archivo único mantiene la plantilla, la lógica y los estilos con ámbito propio de un componente en un solo archivo. Suena cosmético y no lo es: cambiar un componente es cambiar un archivo, y el CSS que le pertenece no puede filtrarse a un componente del que responde otra persona.

Las bibliotecas oficiales forman parte del framework y no son una lotería de la comunidad. El enrutado, la gestión de estado y el toolchain de build los mantiene el mismo equipo que el núcleo, se versionan con él y se documentan en un único sitio. La ruta de actualización es una decisión en lugar de cinco, que es lo que de verdad cuesta dinero a lo largo de una década.

Lo que obtenemos en un proyecto típico:

• Adopción incremental, para que una aplicación heredada se modernice pantalla a pantalla y cada paso se entregue por su cuenta, sin esperar a un cambio masivo.
• Renderizado en servidor y generación estática con Nuxt cuando una página tiene que indexarse o pintar rápido, usando los mismos componentes que las partes interactivas.
• Un modelo de reactividad que elimina toda una clase de errores de render desactualizado, porque lo que se actualiza se deriva de lo que ha cambiado en vez de declararse a mano.
• TypeScript de principio a fin, de modo que el contrato entre componentes se comprueba en tiempo de compilación y no en QA.
• Una bolsa de talento realmente amplia, y una documentación lo bastante buena como para acortar la curva de quien herede el código después de nosotros.

No es nuestra opción por defecto para todo el front end, y decimos cuál elegiríamos antes de que se tome la decisión, no después. Cuando el equipo propio del cliente ya domina React o Angular, esa suele ser la restricción correcta que conviene mantener: el framework que un equipo puede mantener gana al framework que puntúa mejor de forma aislada.

El ecosistema de Vue también es más pequeño que el de React en los extremos. Para necesidades corrientes eso es invisible, pero para una integración de nicho — una biblioteca de gráficos concreta, un SDK de proveedor publicado primero para React — puede significar escribir y mantener un adaptador. Es un coste que conviene comprobar antes de comprometerse, no después.