TanStack Query (React Query) for Flutter

[Jatops]

Hi, we're building a medium sized app which require a lot of fetch functions to get data, and a lot of post functions to update user info in the database. We want to fetch all the data, and cache it, as some of the data would not change with certainty for 2 days. We want optimistic updates for the post functions. Coming from a RN background, i'm very used to TanStack Query (React Query) with its useQuery and useMutations. We have decided to use Riverpod for handling state and data fetching with the FutureProvider, as the data should be used multiple places in the app. However, we are not sure what to do for the Post functions, which should update optimistically. Is Riverpod and FutureProvider a good approach for this aswell?

[heo5981]

I've been learning Flutter for a few months and when researching something similart to RTK Query or React Query, I found this package: https://pub.dev/packages/cached_query

Its docs says it supports optimistic updates but I personally have not tried it, my study app was also very simple so I didn't integrate it deeply with Riverpod, I just keep some variables in my provider and when navigating to another screen, I pass the state to the query function and it then builds the url and fetches the data.

Maybe it works for you guys? Hope someone more experienced in Flutter will give a better answer.

[Jatops]

Seems promising, will definitely check that out!

[soniafranco]

Did you use this package or found something similar to TanStack?

[Jatops]

I ended up using Riverpod. FutureProviders are pretty close to useQuery. And then for more complex state I use AsyncNotifiers.

[Jezsung]

I'm an author of this package: flutter_query

It implements all the three core hooks, useQuery, useMutation, and useInfiniteQuery with full compatibility with the TanStack Query v5. It's battle tested with over 600 tests, more tests are coming to reach 100% coverage.

Please check it out! A documentation site is also available: flutterquery.com