Un aperçu de Vue.js

Vue est un projet très impressionnant. C'est un framework JavaScript très populaire, qui connaît une croissance énorme. C'est simple, minuscule et très performant. En savoir plus


Vue est un framework de frontend JavaScript très populaire, qui connaît une croissance énorme.

Il est simple, minuscule (~ 24 Ko) et très performant. Il se sent différent de tous les autres frameworks frontaux et bibliothèques de vues JavaScript. Voyons pourquoi.

Tout d'abord, qu'est-ce qu'un framework de frontend JavaScript?

Si vous n'êtes pas sûr de ce qu'est un framework JavaScript, Vue est la première rencontre parfaite avec un.

Un framework JavaScript nous aide à créer des applications modernes. Les applications JavaScript modernes sont principalement utilisées sur le Web, mais alimentent également de nombreuses applications de bureau et mobiles.

Jusqu'au début des années 2000, les navigateurs n'avaient pas les capacités dont ils disposent actuellement. Ils étaient beaucoup moins puissants et la création d'applications complexes à l'intérieur n'était pas réalisable en termes de performances, et l'outillage n'était même pas quelque chose auquel les gens pensaient.

Tout a changé lorsque Google a dévoilé Google Maps et GMail, deux applications qui s'exécutaient dans le navigateur. Ajax a rendu possible les requêtes réseau asynchrones et, au fil du temps, les développeurs ont commencé à s'appuyer sur la plate-forme Web, tandis que les ingénieurs travaillaient sur la plate-forme elle-même: les navigateurs, les normes Web, les API du navigateur et le langage JavaScript.

Les bibliothèques comme jQuery et Mootools ont été les premiers grands projets basés sur JavaScript et ont été extrêmement populaires pendant un certain temps. Ils ont essentiellement fourni une API plus agréable pour interagir avec le navigateur et fourni des solutions de contournement pour les bogues et les incohérences entre les différents navigateurs.

Les frameworks tels que Backbone, Ember, Knockout, AngularJS ont été la première vague de frameworks JavaScript modernes. La deuxième vague, qui est la vague actuelle, a React, Angular et Vue comme principaux acteurs.

Notez que jQuery, Ember et les autres projets que j'ai mentionnés sont toujours très utilisés, activement maintenus et que des millions de sites Web en dépendent. Cela dit, les techniques et les outils évoluent et, en tant que développeur JavaScript, vous devrez probablement connaître React, Angular ou Vue plutôt que ces anciens frameworks.

Les cadres résument l'interaction avec le navigateur et le DOM. Au lieu de manipuler des éléments en les référençant dans le DOM, nousdéclarativementles définir et interagir avec eux, à un niveau supérieur.

Utiliser un framework revient à utiliser le langage de programmation C au lieu d'utiliser le langage d'assemblage pour écrire des programmes système. C'est comme utiliser un ordinateur pour écrire un document au lieu d'utiliser une machine à écrire. C'est comme avoir une voiture autonome au lieu de conduire la voiture vous-même.

Eh bien, pas si loin, mais vous voyez l'idée. Au lieu d'utiliser les API de bas niveau offertes par le navigateur pour manipuler des éléments et construire des systèmes extrêmement complexes pour écrire une application,vous utilisez des outils conçus par des personnes très intelligentes qui nous facilitent la vie.

La popularité de Vue

À quel point Vue.js est-il populaire?

Vue avait:

  • 7600 stars on GitHub in 2016
  • 36700 stars on GitHub in 2017

et il a plus de 100.000 étoiles sur GitHub, en juin 2018.

Son nombre de téléchargements npm augmente chaque jour, et maintenant il est d'environ 350 000 téléchargements par semaine.

Je dirais que Vue esttrès populaire, étant donné ces chiffres.

En termes relatifs, il a à peu près le même nombre d'étoiles GitHub de React, qui est né des années auparavant.

Les chiffres ne font pas tout, bien sûr. L'impression que j'ai de Vue est que les développeursaimeril.

Un moment clé de la montée en puissance de Vue a été l'adoption dans l'écosystème Laravel, un framework d'application Web PHP extrêmement populaire, mais depuis lors, il s'est répandu parmi de nombreuses autres communautés de développement.

Pourquoi les développeurs aiment Vue

Tout d'abord, Vue s'appelle uncadre progressif.

Cela signifie qu'il s'adapte aux besoins du développeur. Alors que d'autres frameworks nécessitent une adhésion complète d'un développeur ou d'une équipe et veulent souvent que vous réécriviez une application existante car ils nécessitent un ensemble spécifique de conventions, Vue atterrit avec bonheur dans votre application avec un simplescripttag, pour commencer, et il peut évoluer avec vos besoins, s'étendant de 3 lignes à la gestion de votre couche de vue entière.

Vous n'avez pas besoin de connaître Webpack, Babel, npm ou quoi que ce soit pour commencer avec Vue, mais lorsque vous êtes prêt, Vue vous permet de vous fier facilement à eux.

C'est un excellent argument de vente, en particulier dans l'écosystème actuel de frameworks et de bibliothèques JavaScript qui tend à aliéner les nouveaux arrivants et également les développeurs expérimentés qui se sentent perdus dans l'océan des possibilités et des choix.

Vue.js est probablement le framework frontal le plus accessible. Certaines personnes appellent Vue lenouveau jQuery, car il pénètre facilement dans l'application via une balise de script et gagne progressivement de l'espace à partir de là. Considérez-le comme un compliment, car jQuery a dominé le Web ces dernières années, et il fait toujours son travail sur un grand nombre de sites.

Vue choisit parmi les meilleures idées. Il a été construit en choisissant les meilleures idées de frameworks comme Angular, React et Knockout, et en sélectionnant les meilleurs choix que ces frameworks ont faits, et en excluant certains moins brillants, il a en quelque sorte commencé comme un ensemble "best-of" et a grandi De là.

Où Vue.js se positionne-t-il dans le paysage des frameworks

Les 2 éléphants dans la salle, quand on parle de développement web, sontRéagiretAngulaire. Comment Vue se positionne-t-il par rapport à ces 2 grands et populaires frameworks?

Vue a été créé par Evan You alors qu'il travaillait chez Google sur les applications AngularJS (Angular 1.0) et est né d'un besoin de créer des applications plus performantes. Vue a choisi une partie de la syntaxe de modélisation angulaire, mais a supprimé la pile complexe et opiniâtre dont Angular avait besoin et l'a rendue très performante.

Le nouveau Angular (Angular 2.0) a également résolu de nombreux problèmes AngularJS, mais de manière très différente, et nécessite un accord pourManuscritque tous les développeurs n'aiment pas utiliser (ou ne veulent pas apprendre).

Et React? Vue a pris de nombreuses bonnes idées de React, surtout le DOM virtuel. Mais Vue l'implémente avec une sorte de gestion automatique des dépendances, qui suit quels composants sont affectés par un changement d'état afin que seuls ces composants soient re-rendus lorsque cette propriété d'état change. Dans React, par contre, lorsqu'une partie de l'état qui affecte un composant change, le composant sera de nouveau rendu et par défaut tous ses enfants seront également rendus. Pour éviter cela, vous devez utiliser la méthode shouldComponentUpdate de chaque composant et déterminer si ce composant doit être rendu. Cela donne à Vue un peu d'avantage en termes de facilité d'utilisation et de gains de performances prêts à l'emploi.

Une grande différence avec React est JSX. Bien que vous puissiez techniquement utiliser JSX dans Vue, ce n'est pas une approche populaire et le système de modélisation est utilisé à la place. Tout fichier HTML est un modèle Vue valide, tandis que JSX est très différent du HTML et présente une courbe d'apprentissage pour les personnes de l'équipe qui pourraient ne devoir travailler qu'avec la partie HTML de votre application, comme les concepteurs. Les modèles Vue sont très similaires à Moustache et Handlebars (bien qu'ils diffèrent en termes de flexibilité) et en tant que tels, ils sont plus familiers aux développeurs qui utilisaient déjà des frameworks comme Angular et Ember.

La bibliothèque officielle de gestion d'état, Vuex, suit l'architecture Flux et est quelque peu similaire àReduxdans ses concepts. Encore une fois, cela fait partie des avantages de Vue, qui a vu ce bon modèle dans React et l'a emprunté à son écosystème. Et bien que vous puissiez utiliser Redux avec Vue, Vuex est spécialement conçu pour Vue et son fonctionnement interne.

Vue est flexible mais le fait que l'équipe principale gère deux packages très importants pour toute application Web, comme le routage et la gestion de l'état, le rend beaucoup moins fragmenté que React par exemple:vue-routeretvuexsont la clé du succès de Vue. Vous n'avez pas besoin de choisir ou de vous inquiéter si cette bibliothèque que vous avez choisie sera maintenue à l'avenir et suivra les mises à jour du framework, et étant officielles, elles sont les bibliothèques canoniques de référence pour leur niche (mais vous pouvez choisir de utilisez ce que vous aimez, bien sûr).

Une chose qui place Vue dans un seau différent de React et Angular est que Vue est unindéprojet: il n'est pas soutenu par une énorme entreprise comme Facebook ou Google. Au lieu de cela, il est entièrement soutenu par la communauté, ce qui favorise le développement grâce à des dons et des sponsors. Cela garantit que la feuille de route de Vue n'est pas guidée par un agenda d'entreprise unique.

Téléchargez mon gratuitManuel de Vue


Plus de tutoriels vue: