Challenge: Multi-tab Sync Dashboard
Learn how to build a small dashboard where two tabs share the same server state, handle writes, and stay consistent without refetching everything.
We'll cover the following...
Problem statement
We are building a multi-tab dashboard that renders two independent app instances, Tab A and Tab B, on the same page to simulate two browser tabs. Each tab uses its own QueryClient, which means each tab maintains an isolated cache and can drift out of sync after a write.
When a write happens in one tab, that tab should broadcast an event. The other tab listens for that event and converges by invalidating only the queries whose server truth may have ...