TLDR Web Dev · ARTICLES & TUTORIALS

DATA SYNCHRONIZATION

ui.dev8 min read

Summary from the TLDR Web Dev newsletter

React Query tackles the challenge of data synchronization by keeping the data displayed on the screen up-to-date with the server state. It uses a "Stale While Revalidate" strategy, where data is considered stale by default and refetched in the background when triggers like changes in query keys, new component mounts, window focus, or device going online occur. This allows for a smooth user experience with instant data delivery while still making sure the cache stays synchronized with the server.