vue-query VS vueuse

I started using the Vue port of this recently, VueQuery. Once you understand that this replaces the need for a store (for data at least) then everything starts falling into place and its really easy to implement caching, infinite scrolling and other cool endpoint stuff.

I use vue-query and would recommend it.

For server-side state I find something like https://github.com/DamianOsipiuk/vue-query to be nicer than Vuex, and then you can reserve Vuex for purely client-side state

I think you are looking for https://github.com/DamianOsipiuk/vue-query It uses react-query/core under the hood.

Are you looking for this? https://github.com/DamianOsipiuk/vue-query

React-Query, SWR, Redux Toolkit Query, Vue Query for RESTful APIs

Check out swrv or vue-query, they do this for you. One or two people from the vuex core team work on swrv.

React Query is React specific, but its core was fully separated from React and it can be used to build solutions for other frameworks as well. Such solutions have already begun to emerge. For example, Vue Query.

Hey, might give https://vue-query.vercel.app/ a try soon

VueUse is packed with handy functions that enhance your Vue components. From managing mouse movements to simplifying form handling, VueUse makes your development toolkit richer. Best of all, there’s literally no cost to adding it to every new application. It’s tree-shakable composables only add to your bundle what you actually use.

Here's an example of a Vue composable: https://github.com/vueuse/vueuse/blob/main/packages/core/use...

Here is an example of how it's used: https://github.com/vueuse/vueuse/blob/main/packages/core/use...

And the unit tests: https://github.com/vueuse/vueuse/blob/main/packages/core/use...

Another one from the same lib: https://github.com/vueuse/vueuse/blob/main/packages/core/use...

Unit test: https://github.com/vueuse/vueuse/blob/main/packages/core/use...

Extracting this logic into a reusable composable is a great way to streamline the process. But here’s the good news: we don’t even need to do that! The useVModel composable from VueUse handles this for us!

Vue Use is a collection of essential Vue Composition Utilities for Vue 2 and 3. It is a library that provides a set of reusable functions and utilities to help developers build Vue applications more efficiently and effectively.

Document address: VueUse Official Document

For Vue — it is, for example, vueuse. (vue utility functions)

My opinion: Vue, specifically the Vue 3 Composition API. Most of your app state should come from computed() values. Bookmark https://vueuse.org and come back to it often. Go through VueUse's source (the docs for each function link to their source): you'll be surprised at how simple most of it is, and it stands as documentation of best practices for using the composition API in general.

Now, let’s talk about Vue! Once again, we’ll use an external library to handle dark mode simply and quickly. In this case, the library is called VueUse, and you can install it using the command npm i @vueuse/core --save.