ReactJS Pagination Tutorial using React Paginate

Рет қаралды 50,817

2 жыл бұрын

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!

Пікірлер: 48

@jayshah8229 Жыл бұрын

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

@firebout7675 10 ай бұрын

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 2 жыл бұрын

So usefull! Thank you!

@mdabutorabkhan3370 Жыл бұрын

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

@joshuaejembi8291 Жыл бұрын

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

@traian112 Жыл бұрын

Thank you very much very useful!

@xcrxwadda8287 Жыл бұрын

Thanks , you saved my day

@juwonoladele320 Жыл бұрын

This is very helpful thanks a lot

@jw_sw8157 Жыл бұрын

Thanks!! Its was helpful 😁

@elurolydia2652 Жыл бұрын

Lovely, it was very helpful

@_h4x0r 2 жыл бұрын

Thanks a lot, brother!

@khalilrehman323 Жыл бұрын

Thanks you very much for this video,Helpfull

@aladinhidri414 Жыл бұрын

best video ever thank you very much

@all-eter-4289 Жыл бұрын

Yes! Exactly what I want :3

@Hosenkm-sw Жыл бұрын

thank you , this was very very usefull

@maplestoryinchinese Жыл бұрын

Thanks my G you the best

@VskiDevs Жыл бұрын

amazing stuff .. thank you

@user-tv5wg1no8v Жыл бұрын

BEEEEEEESSSTTTT 🤩

@sagardapurkar1830 2 жыл бұрын

So good!

@user-ew9ep3pp2j 7 ай бұрын

Thanks for this video. 😍

@goraghosh4581 11 ай бұрын

Thanks! Great!

@elmurodvokhidov Жыл бұрын

Thank you Bro 👍

@user-mo7gx4ze1r 8 ай бұрын

thank you so much

@trieunguyentuan8844 2 жыл бұрын

wow.... Thanks

@tiendat1967 Жыл бұрын

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

@prathmeshaprilinnovation Жыл бұрын

in this how do we get the current page value

@camilopimentel7471 Жыл бұрын

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

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

@isaranndy Жыл бұрын

Thx alot !!!

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

@sedanospiano 2 жыл бұрын

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 2 жыл бұрын

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