Advanced React Query Pattern

Advanced React Query Pattern #react #reactjs #reactjsdeveloper #programming #progammer #frontend #devtok #coding #code #codetok #cs

[dukdukgeeshit]

The useQuery hook returns isLoading, which should be enough to handle the same thing.

[richardantao]

This is only makes sense if you’re going to render a fallback that is different than what is normally rendered, otherwise this is pointless

[indofiz]

return isLoading, before return the true element is the best approach

[chess]

No not always the case. When you have a table when you do this, when the filter changes it fetch again with new filter. So you will have loading display everytime that will be so annoying for users instead of just having loading animation inside the table.

[cenkakay]

Can be useful but dont wrap your app component.

[mohamedsalimbensalem]

can you make a video to explain
how react renders component
for example when state changes who gets rerendered and who is not
how useEffect rerenders the component also
for example you take the component and tell what happens after each line like you did in your other videos so explain the rerender
and some other performances tips using memo usecallbacks

[hooooman.]

Will that renderd the "Loadin..." div each time something is fetching?

[hassanad]

Its a good hook, but There is an important thing!!! Now if you have any kind of error. It will brake your app. (If you dont have ErrorBoundry.)

[lleytonmorris]

React shorts are rough. I don’t know how you’d explain anything with enough detail for someone to understand what is going on.

For example, a suspense query requires so many more concepts to be understood than useQuery, which already requires sooo much knowledge.

It’s also important to note that you also need an error boundary, not just suspense, this app will crash if the promise throws 😢

[noobweaver]

How about just adding a loading check?

[Coughi]

What’s the difference between this and having a
if(!user) return <div></div>

[Anto-mipn]

So if the fetch fails, will the component not render, showing only a blank screen?

[jitxhere]

Do you guys use it in server components or just client? I dont see the need in client components nextjs

[andersonkoh]

Do we need async if we use useSuspenseQuery?

[thecajunchopin]

is this really advanced? what's a simple pattern then? i one time read the docs. didn'tknow i knew how to do that

[crim-son]

Why do i need to block rendering of the entire app just because "user" is fetching...i think I'm fine with using is pending to handle

[lucasgiunta]

You have initator property to initialize the return of your useQuery. Use suspenseQuery for this use case make no sence.

[AregGhazaryan]

NoW ThE pRoBleM WiTh ThIs

is that you're using react