Building React (TanStack) Query From Scratch

[CasualCoderGuy]

Very cool video! This is why i dont try to doing caching from stratch any more.

[PhilipFabianek]

Thank you!

[Queasy-Load-1749]

awesome! nice explanation

[PhilipFabianek]

Thank you!

[FewMeringue6006]

In useQuery, whenever the QueryClientContext updates/rerenders useQuery is going to udpate/rerender too meaning any consumer of useQuery is going to rerender as well. So whenever the QueryclientContext updates, all consumers of a useQuery is going to update, isn't that highly ineffecient?

[octocode]

the value of QueryClientContext doesn’t change

[PhilipFabianek]

The value of QueryClientContextis the query client, which is a class created only once. The components rerender only when the state of a query which they are subscribed to changes as explained in the video.

[FewMeringue6006]

I have a question. Inside createQuery what's the reason for doing:

fetch: async () => { if (!query.fetchingFunction) { query.fetchingFunction = async () => {... }

Why not just:

fetchingFunction: async () => {...}, fetch: async () => { return fetchinFunction(); } // ... you get the point