Meta for easy full stack web app

Ok but I noticed a problem. One of my friends was using react hooks with a state that was a json object. When the values of it were updated (not the keys), it wouldn’t trigger a rerender. He needed the state to be like this because it was the object that mapbox expected for their map pins, and his team was using mapbox. 

See this issue:

Doesn’t look like a good solution to me. 😦

This is actually significant because this paradigm that mapbox uses is rather common among commonly used packages. I wouldn’t want to be using react or Preact and have to switch back to the unintuitive class syntax after running in to an issue here (that’s what my friend had to do).

So as usual, I come back to Vue.js.

The question becomes, which Vue framework is best? Bento, VuePress, Nuxt, etc?

Bento has a bunch of firebase stuff already set up like authentication, firestore, etc. Probably perfect for hackathons. The only reason I am not using it right now is it seems like Nuxt has more support and maturity. 

VuePress is perfect for blogs because it converts Markdown directly into html, has a search page, etc. You might want a static site if all you want was a simple blog, but if you want a blog with extra dynamic features, than VuePress sounds good. 

Nuxt seems like the most mature of all the Vue frameworks. It has automatic routing and dynamic routing by filename in pages/. It has vuex. It has static site rendering and vue-meta. It has like pretty much everything you need. 

I feel like if you want to build a web app, you want a lightweight JavaScript framework with the easiest developer experience. That’s Vue.js pretty much. Then you want a wrapper around it because by itself it doesn’t have an opinionated development style and doesn’t have all the packages you need set up. 

So conclusion: Nuxt is pretty much the meta. Let’s learn it and make something with it and hopefully I can stop worrying about which framework to use now.