React Query Tutorial #5 - Pagination

Hey gang, in this React Query tutorial we'll see how to better implement pagination using the usePaginatedQuery hook.

🐱‍👤🐱‍👤 JOIN THE GANG -
----------------------------------------
🐱‍💻 🐱‍💻 My Udemy Courses:

🐱‍💻 🐱‍💻 Course Files:

🐱‍💻 🐱‍💻 Other Related Free Courses:

[devplus]

Even though some of the query-functions are now deprecated but still, this playlist is useful because it helps to understand why to use " react-query " and how to get started with it. Thank you Shaun for your great effort. :)

[rjc]

Amazing, just amazing mini turorial Shaun. Crisp, to the point and no boring Counter examples like others. Keep it up <3
FYI
Those who are using latest react-query version
1. const {data, status} = useQuery(['planets', page], ()=>fetchPlanet(page) );
2. data.results.map(...)
3. setPages(old=> (!data || !data.next ? old:old+1))}

[GuitarreroDaniel]

Currently implementing React Query in a project. Your videos were so amazing to start using React Query, so sad to see that the series is over :(

[guitarDad]

Wow. Awesome lesson. I am going to transition a lot of my standard fetch api calls to React Query. Thanks so much for this course.

[revillsimon]

Thank you for taking the time to make this. Clear and concise as usual. The SWAPI is a great choice for practicing data-fetching

[itsthecrazytom]

Great tutorial series thanks Net Ninja! One thing to note is the versions used in this tutorial series:
"react-query": "^1.5.8",
"react-query-devtools": "^1.1.17",

I had some issues following along with the latest react-query version (3.5.1) as there are some syntax differences.

[hn]

You did an awesome job man. I got the notification and quickly add it to my list of "To learn", and today I finally went through all the videos. Thanks.

[sumitwadhwa]

usePaginatedQuery() has been deprecated in favor of the keepPreviousData option

[christopheradolphe]

Thank you Shaun for the great content. This tutorial series is a very good introduction to React Query.

[maskman]

We can use useQuery in Nextjs server side render mode, so that it works like static site, this makes SSR becomes SSG, Thank you Shaun for this awesome tutorial !!!

[ekeneidiagbor]

Damm Shaun.. I am more than thrilled with this series. Thank you so so so so much.

[benarbiamohamedtaher]

Great series and perfect explainations, thank you very much

[Growlboy]

Everybody should use React Query now :) Thank you for this.

[jorgedardon]

Great series and perfect timing! I was looking to implement this library to my SaaS app.

I do

[dnizamovv]

You should do a more extensive on React Query! It's getting very popular!

[devmrin]

Amazing series yet again Shaun! Much love and health to you.

[tilakmadichettitheappdeveloper]

Hi Shaun, have you heard of this thing called 's-l-e-e-p' ? I mean you created a hour long video on Brad's channel without affecting the regular uploads on your channel. :-) you're awesome

[CodeProps]

just completed the mini series, it's awesome. Definitely going to plug it into my next React project.

[TanoMoracci]

Thanks ! this is amazing! im following on a daily basis while i'm learning React!

[kawding_sikul]

Love these series.. I hope react query eliminate other state management lib.. Btw i love your accent