Notez cet article

Aujourd'hui le BlogDuWebdesign vous présente Vuenut, le compagnon idéal pour toutes vos applications Vue.js utilisant vuex.

Vue, Vuex, kesako

Vue js est un framework Javascript permettant de créer des applications web, de la même manière qu'un Angular ou un react par exemple.

Incroyablement agréable et simple à manipuler, il est extrêmement progressif ce qui lui permet d'être utile sur des besoins allant de la création de simples variables réactives sur une page web à la création d'une énorme application web ou même bureau avec vue-electron.

Vuex est à la fois un design pattern très proche de flux et une library l'implémentant pour créer un store applicatif pour les applications Vue. Parfaitement intégré à vue (en même temps, il est fait pour), c'est un allier indispensable de toutes les grosses applications faites avec le framework.

Si vous ne connaissez pas ces ressources et que les découvrir plus en avant vous intéresse, je vous conseille de jeter un oeil aux articles traitant de Vue.js que vous pourrez trouver sur le BlogDuWebdesign, ce framework étant mon framework front-end de coeur je lui ai consacré de nombreux articles

Vuenut, un compagnon parfait pour Vuex

Si vous avez déjà utilisé Vue et Vuex, vous savez que si ce dernier est un outil formidable pour le débug une fois lié à quelque chose comme Vue js devtools, sa gestion reste laborieuse dans l'exécution.

Exporter un store dans le clipboard, éditer un fichier pour enfin réimporter le store et refaire nos tests peut être une opération que vous répéterez de nombreuses fois et pour lequel vous perdrez beaucoup de temps.

Pour fluidifier cette situation, je vous présente Vuenut. ce petit compagnon de Vuex se place sur le côté de l'écran et permet une fois ajouté dans le de de vos applications de manager le store bien plus fluidement. Vous pourrez Exporter/importer des states bien sur, mais aussi les stocker en local storage pour les réappliquer d'un simple click. 

Il vous sera aussi possible d'éditer n'importe quelle valeur de votre store extrêmement simplement ou exécuter des actions d'un simple clic (pour par exemple trigger des watchers ou des appels Ajax prévu dans votre store).

Je vous conseille fortement de l'essayer si vous avez un projet avec Vue+Vuex en cours, mais attention : l'essayer c'est l'adopter !