SWR React Tutorial - Complete Course for Beginners

🎉, im a first?

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

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

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

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 ..

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

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

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 was too lost to use this library but this tutorial fit me like a glove, thank you very much

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.

That's great.

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

Thanks ❤🎉

ممنون

You're perfect🔥🔥

Extremely great. Thanks a ton!

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

Awesome bro <3 keep going ;)

The perfect video, thanks too much

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);
}

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

Sir, do u have any discord channel?

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.

Thank u soo much for this!

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

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?

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?

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

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

thank you

well done

very succint & easy to follow. Thank you 😃

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

mashtio o portaradar

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

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