rhymesI'm loving VueJS, I read the guide, went through the entire Udemy course Vue JS 2 - The Complete Guide, did my exercises and demo apps and now I would like to use it for the app I "hinted" to here.
Going through VueJS material I spent half of the time saying to myself "This is magic!!" and "If only I had this and that the last time I built a web app with jQuery".
Now I've decided I'm going to build the app as a SPA with VueJS.
So, the time has come to choose a UI framework on top of Vue or... not. Which brings me to the reason of this post: I'm lost because there are too many options.
Frameworks Fatigue?
There are so many of them: desktop oriented, mobile oriented, hybrid apps, all of the above in the same framework, Material based (so many!!!), Material inspired, Bootstrap 4 based, Bulma based, diy frameworks, and so on.
Googling I found: Vuetify, Buefy, Vue-Material, Bootstrap-Vue, Element, Keen UI, Onsen UI, Quasar, Framework 7, Weex and others. This recent comparison lists ELEVEN frameworks: 11 Vue.js Component Libraries You Should Know In 2018
What I would like to know
Unfortunately comparisons like that are good for a general idea but they don't really tell me anything about working with those libraries in the long run.
I have noticed there's a Vue community here and maybe some of you have real world experiences to share.
What the app is going to be
The app it's going to be an admin style app to manage server side data, upload images, input data with forms and wizards and give feedback to the user and output stuff. Sorry if I'm not very specific :-)
What I know
I'm familiar with Bootstrap 3 and 4 (not that original in this department...) but I don't mind learning Material or Bulma. Even though I think Material design looks nice only on my Android phone...
Where I'm at
I tried to make Quasar play nice with my Flask backend but nothing came out of it. It seems nice but it's an all or nothing framework, and I don't have enough webpack knowledge to customize everything.
It seems that Element and Vue Material are not really responsive which is kind of a bummer in 2017.
What I would like
I would like a framework/component library that is easy to use and responsive. I don't mind picking and choosing standalone components to integrate in the app.
What I realised writing this post
I'm starting to think that I'm left with two main choices:
- Boostrap Vue based on Bootstrap 4 responsive framework
- Buefy based on Bulma responsive framework
plus other third party components if needed
