Vue.js un peu de magie 🧙‍♀️ dans nos interfaces

Vue.js est un framework JavaScript, assez comparable à React. Tout comme ce dernier, il permet d'obtenir des interfaces fluides et rapides, sans avoir à rafraîchir la page après une action de l'utilisateur. Chez Elao, nous l'utilisons pour améliorer l'expérience utilisateur (UX) sur des pages comme par exemple des formulaires réactifs agrémentés d'animations d'aide à la saisie, un générateur de playlists, un outil pour recadrer un avatar, etc. Nous pouvons également l'utiliser pour constituer une application plus ambitieuse.

Pourquoi nous faisons le choix d'utiliser Vue.js chez Elao ?

  • Ce framework nous permet de facilement amĂ©liorer l'UX d'une page afin de la rendre rĂ©active et super rapide Ă  l'affichage, ce qui est très confortable pour l'utilisateur... et pour le dĂ©veloppeur !

  • Il y a autour de Vue.js une grande communautĂ©, ce qui prĂ©sente de nombreux intĂ©rĂŞts : il est plus facile ainsi de progresser en posant des questions, on peut rencontrer de nombreuses personnes lors de meetups par exemple pour discuter des possibilitĂ©s de Vue.js et enfin on peut bĂ©nĂ©ficier de diffĂ©rentes ressources produites par cette communautĂ©.

  • L'approche composant de Vue.js permet de rĂ©utiliser simplement des briques d'interface. CombinĂ© Ă  sa simplicitĂ© d'intĂ©gration, ce framework est devenu un outil incontournable et très apprĂ©ciĂ© par les dĂ©veloppeurs.

Vue.js et Symfony 🤝

On l'a vu, nous utilisons majoritairement Vue.js pour sa facilité d'utilisation à l'intérieur d'un template déjà défini, en ajoutant ainsi par exemple un petit composant. Cependant, il peut parfaitement être utilisé pour le développement d'une application frontend complexe. Un autre argument de taille, pour notre agence experte en développement grâce à Symfony, est qu'il est très simple de mélanger templates Vue.js et templates Twig en y intégrant une application ou un dynamisant un formulaire Symfony.

Vue.js et référencement naturel (SEO)

Nous sommes vigilants, lors de nos développements, à garantir le crawl des pages publiques aux robots d'indexation de différents moteurs de recherche, si c'est un objectif de notre client. Or, un site web comprenant des pages dont le HTML est généré en javascript peut dans certaines conditions ne pas être "lues" par les moteurs de recherche. Néanmoins, il est tout à fait possible de penser des interfaces fluides et réactives et d'avoir des objectifs de visibilité : des solutions existent, comme par exemple la technique du Service Side Rendering. Nous pouvons vous accompagner dans cette démarche ou la réaliser nous-même !

Les projets qui utilisent Vue.js

  • My Job Company. utilise Vue.js dans diverses sections de l'applicatif, notamment afin d'aider Ă  la saisie d'informations dans les formulaires grâce Ă  des rĂ©glettes, des couleurs, etc.
  • On sort ! : lister des Ă©vĂ©nements dans un agenda, rechercher des sorties rapidement via une interface simple et rapide ... C'est grâce Ă  Vue.js !
  • Wotol : nous avions Ă  trouver une solution pour gĂ©rer un grand volume d'annonces Ă  trier avec plusieurs filtres pour faciliter la navigation et l'expĂ©rience utilisateur.

Projets créés avec Vue.js

  • MyJob.Company

    MyJob.Company propose une plateforme d'offres d'emploi fonctionnant sur le principe de la cooptation.

    Lire l'article
  • CIRano

    Plateforme de calcul pour les entreprises pouvant prétendre au Crédit Impôt Recherche (CIR) ou au Crédit Impôt Innovation (CII)

    Lire l'article
  • Vimeet

    Vimeet permet l'organisation d'événements et la planification de rendez-vous d'affaires B2B.

    Lire l'article
  • On sort !

    L'application On Sort ! est un agenda des sorties dans la métropole orléanaise. Les organisateurs peuvent suggérer leurs événements en quelques clics.

    Lire l'article
  • GĂ©ant des Beaux-Arts

    Plateforme e-commerce européenne à destination des artistes et des écoles d'art, développé en collaboration avec Jetpulp, agence de stratégie lyonnaise.

    Lire l'article

Articles liés à Vue.js

Un projet ?

Vous avez une application web ou mobile à développer ?

Envoyez-nous un message !