Développement VueJs (Mission INRAe)

Entre septembre 2022 et mars 2023, en mission freelance chez INRAe (Institut national de recherche pour l’agriculture, l’alimentation et l’environnement) au sein de l’équipe Info&So, j’ai participé au développement de la version 4 de donesol web, l’interface web de la base de données nationale DoneSol. Cette base de données regroupe les données des études pédologiques nationnales : une occasion de contribuer à un projet important pour l’environnement et l’agriculture !

J’ai travaillé sur une variété d’aspects du projet. Pour la partie frontend, le choix de l’équipe s’est portée sur VueJs (version 2), de mon coté mon travail a consisté en :

• Écriture de composants en se basant sur bootstrap-vue (gestion d’utilisateurs, gestion arborescente de données, affichage / upload de bibliothèque de photos, génération de pdfs, visualisation de structure de graphes, .. )
• Mise en place de typescript pour améliorer la qualité du code et la maintenance du projet à long terme
• Réflexion sur l’architecture de l’application (principalement pour éviter la redondance de code et améliorer la maintenabilité)
• Mise en place de tests d’intégration avec cypress pour garantir la non régression lors de la refactorisation du code en vue d’améliorer sa qualité
• Migration de l’utilisation de Webpack vers Vite pour améliorer l’expérience de développement et être “plus à jour” avec les pratiques
• Mise en place du CI/CD avec gitlab et docker pour automatiser les processus de test et de déploiement
• Utilisation de d3js pour la visualisation de données

Ce qui m’a le plus intéressé dans ce projet était d’avoir l’opportunité de travailler avec Vue.js sur une application plus conséquente que celles que j’ai développées auparavant, et à un moment où la technologie commence à être vraiment mature. J’ai en effet apprécié la maturité de Vue.js et de son ecosystème : communauté active, structure du code permettant une maintenabilité à long terme, tests extrêmement simples à écrire et à lire, expérience de développement fluide, outils de débogage bien intégrés…

La problématique de la réécriture d’application est aussi un sujet passionnant : intégrer les utilisateurs dans un développement qui pourtant doit rester transparent pour eux..

Bien que ma mission soit toujours en cours, j’ai hâte de continuer à explorer les possibilités offertes par Vue.js et de découvrir de nouvelles technologies telles que Nuxt.js et Vue 3 !