vuefire VS vuex-orm

This is what you need: https://vuefire.vuejs.org/

Not sure typing collection references is helpful, you probably want to type things like getDoc / getDocs. You can check out how Vuefire does it. Also, there might be an equivalent lib for react.

We'll walk you through the process step-by-step, providing terminal commands and source code to support the video, so you can follow along and see exactly how it's done. But that's not all - this post is part of an ongoing series on Firebase integration with Vite, Vue project. In upcoming videos, we'll show you how to fully integrate Firebase with VueFire, a library that provides seamless integration of Firebase with Vue.js applications.

We will use VueFire that exposes some helpful composables to easily achieve things like authentication and real-time data sync.

Looking at the Vuefire roadmap there's been some activity, but it's unknown when or if this library will return to support current technology.

What about this? https://github.com/vuejs/vuefire/issues/999

You're absolutely right. I should have mentionned that the app uses Vuex-ORM to handle and query the data. The actual building of the reports contains various calculations and is done off the main thread. The reports are then saved as a model in vuex-orm, this basicaly acts as a cache. The thing is I don't know when to invalidate the cache or not so everything is invalidated when a new data event is added. There's nothing reactive about it.

Most people try to have front-end state be a 1-1 mapping of the DB. One of the easiest way about it is to use a front-end "ORM" like vuex-orm.

Not quite the same but Vuex ORM does a few of these things. Main similarity is helping to abstract your API calls out of each individual component. https://vuex-orm.org/

Most interactions with the store are done with VuexOrm, which gives us a gorgeous API. Stuff like this:

In one lib: Vuex-Orm

Thanks for great comment! I have one question.

The biggest thing I miss in react ecosystem is decent redux ORM. https://vuex-orm.org is just so great for so many use cases (agree that it might an antipattern in many situations). Is there any chance that https://github.com/redux-orm/redux-orm, which was actually what inspired vuex-orm, would get more love from anyone to become an actively maintained library?

Thanks

I know there is a package for persisting Vuex data via the local store but wondered if anyone knows this works with Vuex ORM.

Sounds like you need this: https://vuex-orm.org/

could peep this https://github.com/vuex-orm/vuex-orm