What are your favorite VueJS libraries?

twitter logo github logo ・1 min read

As my career has progressed I have filling a number of roles; backend(LEMP), then team lead, then Dev(Sec)Ops. The few times I needed frontend effort someone more skilled was always available. So frontend was never my thing. Recently though, I have been listening to some VueJS videos and it seems ...interesting. Not like the JS of the old days (writing logic twice, once for each browser).

So; what are some of your favorite libraries to use with VueJS (or plain JS)?

twitter logo DISCUSS (31)
markdown guide
 

Vue Router and Vuex (for state management). I also use Vuetify a lot.

Vue-Apollo is also great for working with GraphQL inside Vue.

 
 

I just tried Vue-Apollo for about 7 minutes, and it was very easy to get started + it worked as I expected. I like it!

 

Vuetifyjs looks amazing. A Material design UI library was one of the first thing I looked for when VueJS caught my eye. Thank you for sharing.

 

Vuex is the Killer Feature for me, and I find vue-i18n to be pretty useful.

 
 

Vuex - Awesome state manager;
Buefy or Vuetify - For some pretty UI components like navbars, buttons, grid and more;

Oh, the Vue DevTools for Chrome is also pretty handy to debug components

 

DevTools FTW! Nothing makes learning a new tool / language than a good debugger and trace tool.

 

We've got a fairly forms-heavy app, and I've found Vee-Validate and Vuex-Map-Fields to be an enormous help.

 

I liked Quasar for the UI components. I haven't used it for a while and they've rev'd a few times since, but it was great back then and probably better now.

 
 
 
 

Oh, thats pretty neat. Thank you for the share jan.

 
 

I'm looking at Vuetify and Quasar to use as UI framework, but I need IE11 support.
Both frameworks say they have, but can anyone confirm that it's actually properly supported?

 

Yeah quasar supports IE, I'm not sure vuetify because I don't use it.

 

Vuetify works in IE11, you just run into normal IE problems when using it.

 

Besides that, i like vue2-hammer, which is a wrapper for hammer, and vue-lazyload, which defers image loading until they come above the hold.

 
 
 

Not a library but I think it is worth noting how awesome the Vue developer tools are for Chrome πŸ”₯

 

Vuex-persist or vuex-presistant. Either one you use. I still don't know why persistance has to be a plugin

 
 
 
 

Check out my vuex-plus library. It allows for vuex module instances and automatic vuex hot reloading
github.com/presidenten/vuex-plus

Classic DEV Post from Mar 5

3 Things You Can Do to Improve as a Developer

How do we identify and solve real problems?

David J Eddy profile image
AWS Certified (x4), Automated Testing / Continuous Integration / Delivery /Deployment (CI/CDs), Cloud, Containers, Dev(Sec)Ops, Software Engineer.