Recommended pattern for non-optimistic updates in react | TanStack | Page 1

proud solar Mar 18, 2026, 10:05 AM

#

I have a collection for which all inserts/updates/deletes should not be optimistic.

I basically need the functionality of tanstack query's useMutation where I can render UI based on the mutation state while it's updating (for a loading state for example).

Is it recommended to use tanstack query's useMutation or is there another recommended pattern for tanstack db?

weak wagon Mar 18, 2026, 1:39 PM

#

https://tanstack.com/db/latest/docs/guides/mutations#when-to-disable-optimistic-updates

Mutations | TanStack DB Docs

TanStack DB Mutations TanStack DB provides a powerful mutation system that enables optimistic updates with automatic state management. This system is built around a pattern of optimistic mutation → ba...

#

this is going out today hopefully https://github.com/TanStack/db/pull/1213

GitHub

Virtual props implementation by samwillis · Pull Request #1213 · ...

🎯 Changes
This PR implements the virtual properties system as described in the RFC. This introduces computed, read-only metadata fields prefixed with $ to every row, providing information about its...

proud solar Mar 24, 2026, 7:10 AM

#

Thanks for the response! In my situation, I'd like to show a loading state on a button when I insert something.

Just to make sure I get it right, where I render the button I would need to query for the element I'm creating and base the loading state on it's $synced value?

#Recommended pattern for non-optimistic updates in react