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.

-----------------------------------------------------------------------------------------------------------

-----------------------------------------------------------------------------------------------------------

Please LIKE and SUBSCRIBE for more content and supporting!

[victormarques]

even 2 years later this video really helped me, thx!!

[firebout]

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

[jayshah]

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

[kanishkjha]

Thanks brother, you are a life savior.

[joshuaejembi]

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

[mdabutorabkhan]

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

[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

[Hosenkm-sw]

thank you, this was very very usefull

[stanislavsheshenin]

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.

[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 ^^

[prathmeshaprilinnovation]

in this how do we get the current page value

[khalilrehman]

Thanks you very much for this video, Helpfull

[tiendat]

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

[cpimenteldev]

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

[codewithchase]

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

[tsarm___]

Cant show breaklabels and pageRage on next js, why?

[wadanemacho]

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

[Samir-medk]

bro this is compatible with styled-components?

[franion]

Please check the navbar video comments