Need help with vuex-easy-firestore?
Click the “chat” button below for chat support from the developer who created it, or find similar developers for support.

About the developer

mesqueeb
232 Stars 28 Forks MIT License 435 Commits 66 Opened issues

Description

Easy coupling of firestore and a vuex module. 2-way sync with 0 boilerplate!

Services available

!
?

Need anything else?

Contributors list

# 21,183
quasar-...
ionic
solidit...
vuex-st...
309 commits
# 48,500
HTML
CSS
Vue.js
firebas...
10 commits
# 707,828
Vue.js
JavaScr...
firebas...
TypeScr...
1 commit
# 549,324
F#
Vue.js
firebas...
Firebas...
1 commit
# 60,136
quasar-...
HTML
Firebas...
vuex
1 commit
# 702,697
Vue.js
JavaScr...
firebas...
TypeScr...
1 commit

Vuex Easy Firestore 🔥

In just 4 lines of code, get your vuex module in complete 2-way sync with firestore:

const userModule = {
  firestorePath: 'users/{userId}/data',
  firestoreRefType: 'collection', // or 'doc'
  moduleName: 'user',
  statePropName: 'docs',
  // the rest of your module here
}
// add userModule as vuex plugin wrapped in vuex-easy-firestore

and Alakazam! Now you have a vuex module called

user
with
state: {docs: {}}
. All firestore documents in your collection will be added with the doc's id as key inside
docs
in your state.

Now you just update and add docs with

dispatch('user/set', newItem)
and forget about the rest!

Other features include hooks, fillables (limit props to sync), default values (add props on sync), a fetch function and much more...

Installation and setup →

Motivation

I didn't like writing an entire an API wrapper from scratch for firestore every single project. If only a vuex module could be in perfect sync with firestore without having to code all the boilerplate yourself...

And that's how Vuex Easy Firestore was born.

Documentation

See the all new documentation made with VuePress!

Full documentation

Support

If you like what I built, you can say thanks by buying me a coffee! :)

Buy Me A Coffee

Thank you so much!! Every little bit helps.

We use cookies. If you continue to browse the site, you agree to the use of cookies. For more information on our use of cookies please see our Privacy Policy.