Desde que Javascript apareció un 4 de diciembre de 1995, muchas cosas en la web han
cambiado. Cuando se crearon las primeras páginas, los usuarios interactuaban principalmente
con enlaces y textos, pero conforme la velocidad de Internet fue subiendo y la manipulación
del HTML fue creciendo, Javascript tuvo que reinventarse.
¿Qué es un framework de Javascript?
El mundo del front-end se fue volviendo más complejo, por lo que se crearon las llamadas
librerías o frameworks. Mientras que las librerías ofrecen pedazos de código para utilizar en tu web, los frameworks ofrecen una estructura completa en la que trabajar.
La librería más usada en sus inicios fue Jquery (2006), pero más adelante se desarrolló
Angular.js (2010), React (2013) y Vue (2014), que comenzaron a dominar el panorama.
En la actualidad, los frameworks de Javascript son una de las herramientas principales para
generar interfaces de usuario. En resumidas cuentas, los frameworks son librerías de Javascript que permiten al desarrollador escribir código de manera más eficiente.
Gráfico de frameworks y tecnologías usadas basado en la encuesta anual de Stackoverflow,
año 2022. Realizaron la encuesta 58,743 personas.
Fuente: https://survey.stackoverflow.co/2022/#most-popular-technologies-webframe
¿Qué es Vue?
Tal y como se específica en la página web oficial, Vue, pronunciado /vjuː/, es un framework de
código abierto, basado en HTML, CSS y JavaScript. Fue creado por Evan You en 2014, tras haber estado trabajando con Angular.js en Google. Evan tenía el objetivo de extraer lo mejor de Angular pero haciéndolo más ligero y fácil de usar. De ahí extrajo sus ideas para crear Vue, el “ framework progresivo ”.
Número de descargas de los 4 principales frameworks de JS para el front-end:
Fuente: https://npmtrends.com/angular-vs-react-vs-vue
¿Para qué se utiliza Vue?
Vue se utiliza para crear interfaces de usuario y SPA (single-page application). Con Vue se
pueden crear todo tipo de páginas webs y web apps.
¿Qué ventajas tiene Vue?
1) Simple y fácil de usar: Vue se basa en la idea del Single-File Component, lo que significa que el HTML, el CSS y el JavaScript van en el mismo archivo. Esto facilita enormemente el acceso al código de cada componente. La idea es hacer un desarrollo eficiente con el mínimo esfuerzo posible.
2) Ligero: es muy rápido de instalar: únicamente pesa 20kb. Su ligero tamaño también tiene buenas repercusiones en el SEO.
3) Integración: es extremadamente fácil de integrar en muchos proyectos. Un desarrollador puede integrar un Vue en React o Angular, por ejemplo.
4) Curva de aprendizaje fácil en sus inicios: En comparación a otros frameworks como Angular o React, Vue al principio es mucho más fácil de utilizar. Para programadores que se estén iniciando con Vue es relativamente fácil ver resultados rápidos. Con un conocimiento básico de HTML, CSS y JS es más que suficiente.
5) Buena documentación. Una cosa imprescindible para programar con un framework es una buena documentación. Vue dispone de una documentación extensa y cada vez mejor. Está muy bien estructurada y trata desde temas relativos a la instalación hasta las características de los componentes.
6) Apoyo de la comunidad. A diferencia de Angular y React, mantenidos por Google y Facebook respectivamente, Vue existe gracias a su comunidad. En la actualidad hay unas 100.000 preguntas referentes a Vue en StackOverflow. Vue también dispone de un foro propio y de una comunidad de Discord con más de 100.000 usuarios.
7) Reactividad. Vue está pendiente de los cambios en el DOM y los modifica rápidamente sin necesidad de recargar la página.
Las librerías principales de VUE
Vue dispone de dos librerías oficiales en su ecosistema:
– Vuex, para gestionar el estado de nuestra aplicación. La sucesora de Vuex parece que
será Pinia, una versión más ligera e intuitiva.
– Vue Router, para gestionar las rutas de nuestra aplicación.
Además, también dispone de librerías para construir nuestra UI como Vuetify, Quasar,
Bootstrap, ¡y muchas otras más!
Algunos ejemplos de páginas web construidas con VUE
– Chess
– Nintendo
– Behance
– 9Gag
– GitLab
– Laravel
– Wizzair
Para los que estén pensando en aprender Vue, recomiendo enormemente el siguiente
documental, que explica sus orígenes: