ReactJS Pagination Tutorial using React Paginate

แชร์
ฝัง
  • เผยแพร่เมื่อ 19 พ.ย. 2024

ความคิดเห็น • 49

  • @victormarques5215
    @victormarques5215 17 วันที่ผ่านมา

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

  • @firebout7675
    @firebout7675 ปีที่แล้ว +2

    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

  • @jayshah8229
    @jayshah8229 2 ปีที่แล้ว +2

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

  • @kanishkjha7621
    @kanishkjha7621 ปีที่แล้ว +1

    Thanks brother, you are a life savior.

  • @joshuaejembi8291
    @joshuaejembi8291 ปีที่แล้ว +1

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

  • @mdabutorabkhan3370
    @mdabutorabkhan3370 2 ปีที่แล้ว +1

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

  • @Winsoery
    @Winsoery ปีที่แล้ว +1

    BEEEEEEESSSTTTT 🤩

  • @elurolydia2652
    @elurolydia2652 ปีที่แล้ว +1

    Lovely, it was very helpful

  • @maplestoryinchinese
    @maplestoryinchinese ปีที่แล้ว +1

    Thanks my G you the best

  • @xcrxwadda8287
    @xcrxwadda8287 2 ปีที่แล้ว +2

    Thanks , you saved my day

  • @aladinhidri414
    @aladinhidri414 2 ปีที่แล้ว

    best video ever thank you very much

  • @جوادرفیعی-ط1د
    @جوادرفیعی-ط1د 11 หลายเดือนก่อน

    Thanks for this video. 😍

  • @all-eter-4289
    @all-eter-4289 2 ปีที่แล้ว +1

    Yes! Exactly what I want :3

  • @goraghosh4581
    @goraghosh4581 ปีที่แล้ว +1

    Thanks! Great!

  • @juwonoladele320
    @juwonoladele320 2 ปีที่แล้ว +1

    This is very helpful thanks a lot

  • @elmurodvokhidov
    @elmurodvokhidov ปีที่แล้ว +1

    Thank you Bro 👍

  • @jw_sw8157
    @jw_sw8157 2 ปีที่แล้ว +1

    Thanks!! Its was helpful 😁

  • @prathmeshaprilinnovation
    @prathmeshaprilinnovation ปีที่แล้ว +1

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

  • @khalilrehman323
    @khalilrehman323 2 ปีที่แล้ว

    Thanks you very much for this video,Helpfull

  • @DavidTG7
    @DavidTG7 2 ปีที่แล้ว +2

    So usefull! Thank you!

  • @Hosenkm-sw
    @Hosenkm-sw ปีที่แล้ว

    thank you , this was very very usefull

  • @_h4x0r
    @_h4x0r 2 ปีที่แล้ว +1

    Thanks a lot, brother!

  • @sagardapurkar1830
    @sagardapurkar1830 2 ปีที่แล้ว +1

    So good!

  • @traian112
    @traian112 2 ปีที่แล้ว +1

    Thank you very much
    very useful!

  • @baspa-o9s
    @baspa-o9s ปีที่แล้ว

    thank you so much

  • @stanislavsheshenin9534
    @stanislavsheshenin9534 ปีที่แล้ว +1

    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.

  • @trieunguyentuan8844
    @trieunguyentuan8844 2 ปีที่แล้ว +1

    wow.... Thanks

  • @VskiDevs
    @VskiDevs 2 ปีที่แล้ว

    amazing stuff .. thank you

  • @prathmeshaprilinnovation
    @prathmeshaprilinnovation ปีที่แล้ว +1

    in this how do we get the current page value

  • @sedanospiano
    @sedanospiano 2 ปีที่แล้ว +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
      @TC-gv9fs 2 ปีที่แล้ว +1

      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.

  • @isaranndy
    @isaranndy 2 ปีที่แล้ว +1

    Thx alot !!!

  • @cpimenteldev
    @cpimenteldev 2 ปีที่แล้ว

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

  • @tiendat1967
    @tiendat1967 2 ปีที่แล้ว +1

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

  • @codewithchase2023
    @codewithchase2023 2 ปีที่แล้ว

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

  • @tsarm___
    @tsarm___ ปีที่แล้ว

    Cant show breaklabels and pageRage on next js, why?

  • @franion524
    @franion524 2 ปีที่แล้ว +1

    Please check the navbar video comments

  • @agosolsgaming4036
    @agosolsgaming4036 2 ปีที่แล้ว

    Awesome video , ThankYou.

  • @Samir-me3dk
    @Samir-me3dk 2 ปีที่แล้ว +1

    bro this is compatible with styled-components?

  • @wadanemacho
    @wadanemacho ปีที่แล้ว

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

  • @joalafreak1588
    @joalafreak1588 2 ปีที่แล้ว +1

    Can we do pagination only use css??

    • @index-zero
      @index-zero  2 ปีที่แล้ว

      You have to use javascript for the functionality.

  • @michalnowak2181
    @michalnowak2181 ปีที่แล้ว

    thx

  • @parasjangid5721
    @parasjangid5721 2 ปีที่แล้ว +2

    Not working

  • @bhaveshdaswani5776
    @bhaveshdaswani5776 ปีที่แล้ว

    Can you provide source code?

  • @ChornyyVolodar
    @ChornyyVolodar 2 ปีที่แล้ว +1

    👹

  • @naumandurani9073
    @naumandurani9073 2 ปีที่แล้ว +2

    Copy cat 🐱 😂😂😂