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'étude de cas
Exemple
Nunc auctor est dolor, eget placerat lorem semper sit amet. Integer aliquet mi orci, et eleifend urna fermetum. Nullam pelletesque frigilla vulputate.
Lire l'étude de cas
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'étude de cas
Vimeet
Vimeet permet l'organisation d'événements et la planification de rendez-vous d'affaires B2B.
Lire l'étude de cas
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'étude de cas
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'étude de cas