Un très bon article sur le lazy-loading de modules en général avec Webpack et plus particulièrement de composants Vue.js. C'est étonnamment facile à mettre en place et ça peut permettre de drastiquement améliorer les performances au chargement d'une application.
Un équivalent de Gatsby (qui utilise React) pour Vue.js.
Une lib pour faire des beaux tooltips avec Vue.js.
Un framework pour faire des applications natives Windows, Linux et MacOS avec Vue.js.
Contrairement aux habituels Electron ou NW.js, le code est transformé en code natif propre à la plate-forme. De ce fait la taille de l'exécutable est bien inférieure et l'application démarre plus vite. En contrepartie, il faut utiliser les composants mis à disposition par le framework, un peu comme pour NativeScript par exemple.
Les slides de Evan You à la VueConf US 2019.
Validation de formulaires dans vos applications Vue.js avec Vuelidate.
Des icônes SVG sous forme de composants Vue.js.
Une librairie d'abstraction de Webpack faite par l'équipe qui gère Laravel.
C'est très pratique :)
An elegant wrapper around Webpack for the 80% use case.
Une suite de vidéo qui explique comment construire une app à base de Vue.js (pour le front) et Express.js (pour l'API).
Un aspect très important de Vue.js. Lorsque vous modifiez le modèle, vous vous attendez à ce que le DOM soit mis à jour immédiatement. Mais ce n'est pas ce qui se passe.
En réalité, Vue.js ajoute cet "ordre" de modification du DOM à une file d'attente puis gère tous les ordres d'un coup à intervalle régulier (l'intervalle est bien sûr très court pour éviter une latence visuelle). Mais ça permet d'éviter de mettre à jour le DOM plusieurs fois lorsque de nombreuses modifications du modèle interviennent successivement.
La conséquence, c'est que si vous accédez au DOM juste après avoir mis à jour votre modèle, il ne sera pas à jour. La solution est donc d'utiliser la fonction $nextTick qui prend un paramètre un callback qui sera exécuté juste après la prochaine mise à jour du DOM :
this.$nextTick(() => {
// Ici, votre DOM est à jour.
document.querySelector('...')
})Améliorer les performances des grosses listes dans Vue.js en supprimant la couche réactive de chaque menu item lorsque c'est possible. C'est vrai que bien souvent les éléments d'une liste n'évoluent pas donc la réactivité n'apporte rien.
Now is a good time to start leaning Vue.js :)
Vue.js est le projet obtenant la meilleure progression en matière d'étoile sur Github depuis 3 années consécutives !
Une très bonne explication sur comment gérer le cycle d'authentification de l'utilisateur dans une application Vue.js (+ vuex).
L'article prend l'exemple d'une authentification par token et inclut la problématique de rafraîchissement de ce token.
Une bonne introduction à Vuex.
Quelques jolies icônes packagées sous la forme d'un composant Vue.js.
Apparemment il y a aussi un plugin blog officiel qui est sorti récemment. Pas encore essayé.