06 janvier 2022

Retour d'expérience sur le framework Vue.js

Créé en 2014 par un ancien développeur de Google, Vue est un framework de développement évolutif permettant de construire rapidement des interfaces utilisateur. Chez Goweb, nous l'avons vite adopté ! Tour d'horizon de ses nombreux atouts.

L'approche par composant

Vue permet de construire de grosses applications découpées en petits composants réutilisables et autonomes.

Vous pouvez utiliser Vue.js soit comme un framework web pour bâtir une application complète, soit comme une bibliothèque pour s’intégrer dans un code existant, quelle que soit la techno (ce qui n'est pas forcément possible avec d'autres frameworks). Vous pouvez donc faire une migration progressive en Vue.

Découpage d'un projet par composants

Découpage d'un projet par composants

La performance Vue.js

Ce framework front est sans conteste l'un des plus légers du marché. Le rendu est donc très rapide et la synchronisation des données efficace, en particulier grâce au DOM virtuel.

Vue est idéal pour créer des Single Page Applications (SPA), c'est-à-dire des applications accessibles via une page web unique. Elles permettent de fluidifier l'expérience utilisateur en appelant uniquement les composants nécessaires sans avoir à charger une nouvelle page à chaque action demandée.

Vianney Roj, Lead Dev chez Goweb ne tarit pas d'éloges sur ce framework :

Avec Vue.js c’est rapide, à la fois pour les utilisateurs car les applications sont très réactives et fluides, mais aussi pour le développement grâce à sa flexibilité et son approche orientée composant.

La facilité de prise en main

Pour commencer avec Vue, des compétences en HTML, CSS et JavaScript suffisent, même pour développer des applications complexes. La création des templates est simple et rapide, autant pour un développeur que pour un intégrateur. Une fois qu'on a construit une librairie, le développement va très vite. 

Outre une documentation très complète, les équipes de développement bénéficient de Vue CLI, un utilitaire en ligne de commande qui facilite la création du projet, la configuration des composants et le déploiement.

Enfin, ce framework étant de plus en plus populaire, il dispose d'une importante communauté très active, qui permet aux développeurs et aux intégrateurs de trouver rapidement des solutions aux problèmes rencontrés.

Source : https://v3.vuejs.org/

Source : https://v3.vuejs.org/

La richesse des fonctionnalités

Vue.js propose un écosystème de fonctionnalités qui peuvent être ajoutées progressivement.

Il permet de créer ses propre directives et de créer des nouveaux composants. Des plugins peuvent être ajoutés, par exemple pour réaliser des requêtes AJAX sur une API. Comme c'est un framework très répandu, il est perpétuellement mis à jour.

Vianney Roj a bien senti l'engouement pour Vue.js :

Bien qu’il ne soit pas créé et supporté par un géant de la tech (contrairement à ses concurrents directs Angular et React) Vue.js a su se faire une place de choix. En plus de permettre la création d'applications complexes, performantes et réactives, il offre une expérience développeur différente en se concentrant sur la partie visuelle de l’application. Vue.js est donc devenu populaire auprès des développeurs front, il est supporté par une large communauté et il est de facto utilisé sur de plus en plus d’applications modernes.

La simplicité de maintenance

Comme Vue.js est basé sur le principe des composants monofichiers (single file components) qui permettent d'encapsuler des éléments HTML, la maintenance des applications est facilitée. Les développeurs s'y retrouvent plus facilement.

En outre, grâce aux possibilités de développement sur mesure, qui évite d'avoir à ajouter de nombreux plug-ins, la mise à jour est optimisée.

 

Vous souhaitez en savoir plus sur l'intérêt du framework Vue JS pour vos projets digitaux ? Contactez-nous !