Quasar 1.0: un nouvel outil utile pour les développeurs de Vue et pas seulement pour eux

L'auteur du document, dont nous publions la traduction aujourd'hui, travaille sur le cadre Quasar. Il s'agit d'un outil open source extensible entièrement fonctionnel pour développer des applications modernes à des fins diverses. Il est construit sur la base du framework frontal populaire Vue.js et utilise les capacités de Node.js, Webpack et Babel. Plus récemment, au début de juillet de cette année, Quasar a publié sa première version stable.


Contexte


Avant de commencer à parler des capacités de Quasar, je voudrais vous parler brièvement de l'historique de ce framework.

Il y a quelques années, je pense que beaucoup de ceux qui lisent ceci ont travaillé dans un environnement d'entreprise. À un certain moment, j'étais fatigué de tout ce qui accompagne un tel travail.

J'ai été harcelé par les problèmes causés par les outils d'entreprise conflictuels. Je suis fatigué de lutter contre les incompatibilités qui surviennent lors de leurs interactions. Je voulais vraiment mener une vie simple dans laquelle je pourrais utiliser mes connaissances en programmation et créer quelque chose de significatif, quelque chose qui apporte une satisfaction intérieure. Quelque chose qui peut rendre le monde meilleur.

En 2015, j'ai utilisé de nombreux outils pour créer des projets de différents types. Ce sont des applications pour iOS et Android. Il s'agissait d'applications Web, de sites Web et de PWA, d'applications de bureau pour Windows et macOS.

Chaque type d'application nécessite un ensemble d'outils unique. Ces outils sont utilisés pour concevoir des interfaces, écrire du code et préparer des projets pour la publication. J'ai vu cette réalité, mais je n'ai pas pu me débarrasser du rêve d'un outil universel qui puisse remplacer tous les autres.

Je voulais trouver un framework unique qui résoudrait toutes les difficultés de développement d'applications pour différentes plateformes. Celui avec lequel il serait possible de créer différents types d'applications qui seraient basées sur une base de code unique.
Je ne pouvais pas trouver un outil aussi fantastique et j'ai décidé de le créer moi-même.

C'était une tâche colossale. Je suis parti de zéro et j'ai réalisé que j'avais besoin d'une fondation sous la forme d'un cadre de base puissant, dont les capacités peuvent être étendues et améliorées pour créer le système universel que j'ai peint dans mon imagination.

À cette époque, Vue.js.a acquis une renommée. Après avoir exploré la structure de ce cadre, appris à créer des applications sur sa base, à étendre ses capacités, j'ai décidé que ce serait une excellente base pour le nouveau cadre que j'avais l'intention de créer. Ceci, entre autres, a permis une économie significative de temps de développement.

C'est alors que le framework Quasar est né.

Quelle est l'essence de Quasar?


Le framework Quasar, au niveau conceptuel, est un ensemble universel de composants utilisés pour créer des applications modernes. Parmi ces composants, par exemple, des boîtes de dialogue, des boutons, des champs de saisie, des onglets, des panneaux, des info-bulles, des barres d'outils, des icônes de notification, des outils pour sélectionner des dates, des couleurs, des icônes peuvent être notés. Ce sont des cartes, des avatars, des bannières, des indicateurs de téléchargement. Dans le même temps, Quasar utilise à la fois des composants simples, tels que les mêmes boutons, ainsi que des composants plus complexes. Par exemple, ce sont des champs pour afficher des messages de discussion, ce sont des graphiques d'activité, des tableaux, des calendriers, des lecteurs vidéo, des éditeurs WYSIWYG, des tiroirs, des systèmes de menus à ruban et bien plus encore.

Tous ces composants sont basés sur Vue.js. Grâce à cela, travailler avec eux semblera tout à fait familier à tous les développeurs de Vue qui, tout en perfectionnant leurs projets, recherchent un système de composants simple et extensible.

La version quasar qui vient de sortir comporte 123 composants. Ce nombre ne cesse de croître grâce à ses outils standards de création de composants personnalisés.

Quasar, en outre, dispose d'un système intégré pour créer des versions de production des applications. Tout fonctionne à partir de la ligne de commande.

Après avoir installé une dépendance globale et créé un projet, vous avez littéralement besoin d'une ligne de code pour créer des applications qui ciblent les plateformes prises en charge par Quasar. Dans le même temps, les applications pour iOS, Android, Windows, macOS, Linux, ainsi que les applications Web, sont créées sur la base d'une base de code unique.

En fait - c'est l'équipe en question:

$ quasar build 

Lorsque vous travaillez avec Quasar, vous pouvez oublier les complexités associées à Webpack et Babel, l'algorithme d'agitation d'arbre et d'autres façons d'optimiser les bundles. Tous ces problèmes sont automatiquement résolus par les outils internes du framework. Dans le même temps, celui qui utilise Quasar a la possibilité d'intervenir dans le travail de ses mécanismes et de configurer tout exactement comme il a besoin.

L'accès à toutes ces fonctionnalités puissantes est conçu pour simplifier et accélérer le processus de développement d'applications à l'aide de Quasar.

Chemin vers la première version de Quasar


Les premières versions de Quasar, après leur sortie, ont dû faire beaucoup de changements. Il s'agissait souvent de changements qui rompaient la compatibilité. Je suis sûr que beaucoup des premiers utilisateurs du framework n'ont pas aimé cela. Mais c'est un mal nécessaire, une "douleur croissante" résultant de la nature itérative du développement de Quasar.

Des versions de 0,13 à 0,17 ont été utilisées pour améliorer le cadre. A partir de la version 0.17, Quasar a enfin acquis une structure adaptée. Elle a aidé à former une fondation stable propice à la croissance et à l'expansion du cadre. En même temps, cette structure a permis de s'affranchir de changements profonds affectant la compatibilité à l'avenir.

À ce stade, nous avons décidé de geler le développement et de procéder à une refactorisation complète du projet afin d'organiser et d'optimiser ce qui a déjà été créé.

Veuillez noter que j'ai dit «nous» ci-dessus. Je l'ai fait parce qu'à ce moment-là, j'étais déjà pleinement conscient de l'ampleur du projet et j'ai réalisé que je ne pouvais pas le créer seul. En conséquence, j'ai commencé à former une équipe de programmeurs afin de développer Quasar avec eux.

Au début, un programmeur m'a rejoint. Ensuite - le deuxième, le troisième. Cela s'est produit jusqu'à ce que 8 programmeurs fassent partie de l'équipe principale. Maintenant, notre équipe compte autant de spécialistes qu'il y en avait après sa constitution. Ce sont des développeurs expérimentés, ils se complètent en termes de connaissances et de compétences.

L'équipe principale est soutenue par des bénévoles impliqués dans l'assistance aux utilisateurs, la documentation, le travail avec les médias et d'autres sujets similaires. De plus, Quasar a développé une communauté active de développeurs. Les membres de cette communauté partagent des expériences qui les aident tous à grandir professionnellement. Je vois tout cela comme quelque chose comme une «grande famille» - un groupe de personnes réunies autour d'un objectif commun et s'entraider pour atteindre de nouveaux horizons.

En particulier, notre discussion Discord est un lieu vivant où les conversations, comme il semble, ne s'arrêtent jamais. Ils parlent de diverses choses. Par exemple, les développeurs partagent volontiers des conseils sur l'utilisation du système.

Quasar 1.0 est un projet qui a demandé beaucoup de temps à l'équipe de base et aux bénévoles. À partir du moment où nous avons décidé de geler la branche de développement de l'une des versions antérieures, plus de 4 000 heures de travail ont été consacrées à Quasar.

De plus, la communauté des utilisateurs de Quasar s'est activement impliquée dans l'amélioration du code du projet. Ce processus a duré 5 mois. Tout d'abord, une version bêta ouverte du produit a été publiée, puis une version candidate a été publiée. Tout cela nous a permis de sortir la première version du framework, qui est déjà, pour ainsi dire, testée au combat.

La sortie de Quasar v1 Stable est une étape importante sur la route du projet. Mais ce n'est que la première étape, seulement la base de ces merveilleuses choses que nous voulons mettre en œuvre à l'avenir.

Cette version a été créée en gardant à l'esprit la flexibilité et l'extensibilité de la solution. Mais nous avons déjà un grand schéma de développement de projet, qui montre la direction du futur mouvement Quasar. En particulier, dans les futures versions du cadre, il y aura plusieurs nouvelles plateformes cibles pour lesquelles il sera possible de collecter des projets. Par exemple, ce sont les extensions de navigateur, Webview et le condensateur.

Le traitement du cadre a nécessité de rationaliser ses principaux systèmes et processus internes. C'est ce qui donnera à Quasar l'opportunité de se développer dans les années à venir tout en restant pertinent. Cela signifie également que, au fur et à mesure de son développement, il n'aura pas à apporter de modifications à son code qui violent la compatibilité.

Supposons donc que vous êtes un développeur Vue (ou un développeur qui utilise autre chose). Ce faisant, vous souhaitez les éléments suivants:

  • Rationalisez le travail avec les composants.
  • Simplifiez le processus de création d'applications.
  • Créez des applications pour toutes les principales plateformes.

Si c'est le cas, alors vous ne pouvez tout simplement pas dépasser la dernière version de Quasar.

Résumé


Ce matériel ne décrit que très brièvement les capacités du framework Quasar. Son auteur dit qu'il prévoit d'écrire plusieurs autres articles sur les caractéristiques techniques du cadre.

Si ce cadre vous intéresse, voici quelques ressources utiles.


Chers lecteurs! Envisagez-vous d'utiliser Quasar dans vos projets?

Source: https://habr.com/ru/post/fr459300/


All Articles