SWR React Tutorial - Complete Course for Beginners

Between SWR library, React Query or other server state management libraries, what is your choice and why?

Thank you so much. If possible, can you make a video about AWS that we should learn as web developer?

mashtio o portaradar

Hey Code Genix, are you Iranian? Btw, loved your tutorials...

very succint & easy to follow. Thank you 😃

well done

thank you

what if the GET method has header authorization how to handle them?

Which is best react query or swr ? I am currently working on my capstone project which needs a good fetching, pooling, kind of realtime updates. For state management i am using recoil. I am confused between choosing react query and swr.
Can you guide me please

You made it easier for understanding definitely. I just have one question, all the GET methods will be in the fetcher functions, and so we don't need a try...catch and nothing related when only getting results? And can we rely on swr for doing all this process for us?

So i wrote this export function usePosts(pageIndex) {
return useSWR(`/api/posts?_limit=1&_page=${pageIndex}`);
}, but it returns everything from the backend yet I gave it a limit. do I have to the limits on the backend?

I can't thank you enough. Thank you for this great tutorial on swr
🥰🥰

Thank u soo much for this!

Tell me if I'm wrong. If you use "use client" in parent component doesn't it make all of the children use client component and not server component, so that means everything is happening on client side. Ps. great video.

Sir, do u have any discord channel?

You make some amazing videos. When are the new ones coming out?

last infinite scrolling code is invaild
maybe.....
incorret code is this code?

export function useTodos() {
const getKey = (pageIndex: number, previousPageData: Todo[]) => {
if (previousPageData && !previousPageData.length) return null;
return `/todos?_limit=3&_page=${pageIndex + 1}`;
};

return useSWRInfinite<Todo[]>(getKey);
}

The perfect video, thanks too much

Awesome bro <3 keep going ;)

When wrapping children in a Provider component, which is a client component, the SSR advantage is lost, right?

Extremely great. Thanks a ton!

You're perfect🔥🔥

ممنون

Thanks ❤🎉

You forget to talk about cache, but anyway, excelent video

That's great.

During mutating chapters of your video everything went well until I came across useSWRMutation() hook and at the end of that chapter I got the error: Each child in a list should have a unique "key" prop. Looks like my list cannot get the ID value in the map function. Nevertheless, for fake API (JSON) new IDs were added successfully.

I was too lost to use this library but this tutorial fit me like a glove, thank you very much

Hey I learnt Tanstack Query from your video, but I cannot get it right with react-error-boundary and React suspense. It's a bit of work to always do if (isLoading) or if (isError). Having ErrorBoundary and Suspense make it a lot easier.
I have tried the example of tanstack query docs for the same but couldn't get it right.

I have a question, I can already use React Query which I learned from your video, do I have to learn SWR

Nice bro can u make long project use nextjs ,swr and something

thankyou this was so much helpful and eazy to understand !
can you please make 1 video about multi-stepper form with input , select , datepicker and radiobuttons with react-hook form and zod or yup validations and percentage styles ..

isnt SWR baked into next js from since 13+ by default?

Thank you sir I asked for this in your last video 🙌🙏

Thanks man.
I have a question what's coming next on your channel.

🎉, im a first?