ReactJS Pagination Tutorial using React Paginate

In this video I'll show you how you can create a pagination in ReactJS using a library called React-Paginate. We will also learn how to style the pagination that we will create.
-----------------------------------------------------------------------------------------------------------
React-paginate: www.npmjs.com/package/react-p...
-----------------------------------------------------------------------------------------------------------
Please LIKE and SUBSCRIBE for more content and supporting!

[@jayshah8229]

Thanks!! I was stuck in between while doing pagination. Your video helped a lot.

[@firebout7675]

really thanks a lot, i was stuck on a project, unable to add the pagination feature. This video made it look like a piece of cake. earlier i was doing it in the backend, this React Library is really helpfull

[@kanishkjha7621]

Thanks brother, you are a life savior.

[@DavidTG7]

So usefull! Thank you!

[@juwonoladele320]

This is very helpful thanks a lot

[@xcrxwadda8287]

Thanks , you saved my day

[@traian112]

Thank you very much
very useful!

[@joshuaejembi8291]

thanks brother for this, you just made my day 🙃🙃👍

[@jw_sw8157]

Thanks!! Its was helpful 😁

[@mdabutorabkhan3370]

wow.. thank you❤, I just saved the video for the future.

[@elurolydia2652]

Lovely, it was very helpful

[@_h4x0r]

Thanks a lot, brother!

[@VskiDevs]

amazing stuff .. thank you

[@aladinhidri414]

best video ever thank you very much

[@khalilrehman323]

Thanks you very much for this video,Helpfull

[@Hosenkm-sw]

thank you , this was very very usefull

[@maplestoryinchinese]

Thanks my G you the best

[@all-eter-4289]

Yes! Exactly what I want :3

[@sagardapurkar1830]

So good!

[@elmurodvokhidov]

Thank you Bro 👍

[@tiendat1967]

Very nice tutor videos but does it work well with firestore ??

[@trieunguyentuan8844]

wow.... Thanks

[@user-ew9ep3pp2j]

Thanks for this video. 😍

[@goraghosh4581]

Thanks! Great!

[@camilopimentel7471]

hi, is possible inver the list? first item show is the item final of the list

[@isaranndy]

Thx alot !!!

[@stanislavsheshenin9534]

Hi! Very goog tutorial, but i have error... TypeError: data.slice is not a function... this error there -> setCurrentitems(data.slice(itemOffset, endOffset));. I use other api.

[@user-mo7gx4ze1r]

thank you so much

[@codewithchase2023]

I'm getting a bug if I carry on your exact step, and later refresh my page, the currentItems reset to null

[@agosolsgaming4036]

Awesome video , ThankYou.

[@prathmeshaprilinnovation]

in this how do we get the current page value

[@user-tv5wg1no8v]

BEEEEEEESSSTTTT 🤩

[@sedanospiano]

If my items do not come from any api, i.e. the user is the one who creates those items (notes through a button), how can I do it?
The pagination seems to work but it still shows all the items on screen when I have set 6 items per page. Nice video btw ^^

[@TC-gv9fs]

It seems that you haven't changed the items that you're mapping, don't forget to currentItems.map... this will help you render 6 items or any number per page. Hope this help.

[@prathmeshaprilinnovation]

actually i am working on project and i get refrence of this video which is quite helpful but as i need i want the current page value and i have to pass that value in axios post request body

[@index-zero]

If by current page value you mean the current page number then for that you can create a state and update it when user click on a page, you can update current page number inside handlePageClick there current page number will be "event.selected + 1".

[@tsarm___]

Cant show breaklabels and pageRage on next js, why?

[@Samir-me3dk]

bro this is compatible with styled-components?

[@index-zero]

Yes it is

[@michalnowak2181]

thx

[@joalafreak1588]

Can we do pagination only use css??

[@index-zero]

You have to use javascript for the functionality.

[@franion524]

Please check the navbar video comments

[@wadanemacho]

you didn't explain const newOffset = (event.selected * itemsPerPage) % items.length; which I think is vital.......

[@bhaveshdaswani5776]

Can you provide source code?

[@parasjangid5721]

Not working

[@vlastelin5930]

👹

[@naumandurani9073]

Copy cat 🐱 😂😂😂