[TRPC] instant updates in list without refresh
I have a working example of a frontend form adding a record to a database, and a list under the form displaying all the results.
In the current repo of t3, the post display on the front page only displays the latest post, not a list of posts and i do not see any invalidate logic to mimic.
At first, i had to refresh the page and app to get the latest record to show on the screen. Then i added a cache invalidation which seems to update the list automatically, but its a little glitchy so I am trying to confirm if I am doing this correctly.
Info in video:
https://www.loom.com/share/ebf9c606938c4025890e16a44e911191?sid=eb53301c-2b36-4a61-94c0-11a5d1c2d37e
In the current repo of t3, the post display on the front page only displays the latest post, not a list of posts and i do not see any invalidate logic to mimic.
At first, i had to refresh the page and app to get the latest record to show on the screen. Then i added a cache invalidation which seems to update the list automatically, but its a little glitchy so I am trying to confirm if I am doing this correctly.
Info in video:
https://www.loom.com/share/ebf9c606938c4025890e16a44e911191?sid=eb53301c-2b36-4a61-94c0-11a5d1c2d37e
Loom![[TRPC] instant updates in list without refresh](https://images-ext-1.discordapp.net/external/qeIH5jZA7AFFz3zWkj4j3_0nHD7ztBZjlGrPB6ivKdw/https/cdn.loom.com/sessions/thumbnails/ebf9c606938c4025890e16a44e911191-00001.gif)
Hey guys, in this video, I'm exploring the best way to get instant updates when a front-end CRUD form is submitted. I've already implemented this feature using Firebase, but now I want to understand how it works with TRPC. I'll walk you through the current flow and code, and I'll show you the synchronization issue I'm facing between the Next.js ...
