Veille

Vue.js (Framework javaScript)

Introduction

Vue.js, est un framework JavaScript open-source utilisé pour construire des interfaces utilisateur et des applications web monopages. Vue a été créé par Evan You et est maintenu par lui et le reste des membres actifs de l'équipe principale travaillant sur le projet et son écosystème. C'est le framwork que beaucoup d'utilisateurs préfèrent en javascript car c'est le plus simple et la documentation officielle est très fournie et claire.

Pourquoi utiliser Vue.js ?

Sa principale force est sa taille, il ne pèse que 18 à 21 ko comparé à ses concurrents tels que React.js qui fait aux alentours de 42 ko. Il a une facilité d'apprentissage incomparable grâce à sa structure simple et sa documentation officielle bien fournie. Pour les applications, il offre de meilleures performances et il peut gérer un taux de rafraîchissement élevé. Grâce à sa simplicité il a réussi à trouver sa place dans les agences de design UX/UI pour développer des pages web et des applications de haute qualité.

Mon éxperience

J'ai utilisé vue.js pour ma veille technologique, j'en ai fait deux heures par jour pendant 2 semaines et j'ai suivi un tutoriel youtube pour créer une application. Cette application est une sorte d'uber eat officieux, cela m'a appris les bases de vue.js et m'a appris à faire une chose très importante sur un site où l'on doit rechercher des informations, ici des restaurants. Vue.js m'a permis d'écouter l'utilisateur lorsqu'il cherche un restaurant pour lui afficher le restaurant qu'il aimerait en temps réel. Malheureusement, je n'ai pas pu profiter au maximum de vue.js car je ne maîtrise pas javaScript donc cela m'a freiné dans mon apprentissage. Voici une maquette du site web que j'ai pu faire en suivant le tutoriel :

Différences avec React

- React JS est une bibliothèque JavaScript utilisée pour développer des interfaces utilisateur frontales.
- Il a été développé par Facebook pour gérer la couche de vue pour les applications Web et mobiles.
- Vue JS est un framework JavaScript open source utilisé pour développer des interfaces frontales.
- Vue est plus facile à apprendre, car son guide, les noms de propriétés, le processus de configuration, etc... sont tous très familiers avec les normes HTML, CSS.

Différences avec Angular

- TypeScript est obligatoire pour développer une application avec Angular alors qu’il est facultatif avec Vue.
- Vue utilise un DOM virtuel et pas Angular. Comme expliqué plus haut, cela permet à Vue.js de gagner en performances en comparaison avec Angular.
- Le framework Vue.js est plus léger qu’Angular. Cela implique un temps de chargement plus rapide sur vos pages développées avec Vue.
- Angular possède une communauté open-source bien plus conséquente que celle de Vue. Vous trouverez donc plus facilement de l’aide en cas de bug sous ce dernier.