React js Pagination With API Call Using React-paginate

Поделиться
HTML-код
  • Опубликовано: 1 ноя 2024

Комментарии • 104

  • @coderspirit
    @coderspirit  2 года назад +5

    Thanks for watching .Please don't forget to subscribe

  • @rahulmehra186
    @rahulmehra186 Год назад +1

    To all the beginner folks out there if you are searching for a pagignation video just go for this after struggling for days this is the one I needed.

  • @unizfrhn2803
    @unizfrhn2803 2 года назад +5

    Simple, clear and to the point. Thank you sir for this wonderful tutorial.

  • @AbhishekKumar-fn6sz
    @AbhishekKumar-fn6sz Год назад

    Such an simple explaination of much difficult concept.. Explained each and every line.. Thnk u

  • @ujolmaharjan2010
    @ujolmaharjan2010 2 года назад +1

    I was stuck in pagination for whole day this helped me finally thanks suscribed

  • @phoneringhtone9711
    @phoneringhtone9711 Год назад

    bacarik hndika lav video er sarqe maladec 👏,
    (HAYER arxayin nayeq😂)

  • @EvolutionMachinetoMan
    @EvolutionMachinetoMan 2 года назад +1

    Brilliant, power of India 👍👍

  • @rakshitpatel9664
    @rakshitpatel9664 2 года назад

    you made this to help people learn,,,, without any Selfishness

  • @sivashankarim2141
    @sivashankarim2141 Год назад

    very good and easy to understand pagination concept in your video. thank you so much

  • @karthikgsarode900
    @karthikgsarode900 2 года назад +1

    Not beating the bush. Clear and concise. Thanks a lot Bruh!!

  • @sanatanShishya1521
    @sanatanShishya1521 Год назад

    Best ever video for pagination.
    It works on one go.
    Keep growing brother!.
    Subscribed!

  • @VISHALKUMAR-fk8bs
    @VISHALKUMAR-fk8bs 3 года назад +4

    This tutorial was really helpful. Thanks a lot😊...I have a question. What if I want to refresh the page on every click and paas that particular id into the url and show that particular data related to that id. How can I do this?

  •  2 года назад

    even when I unmuted the video and still understand it all.
    Thank u so much

  • @Leen-Odeh287
    @Leen-Odeh287 10 месяцев назад

    Thank you sir for this wonderful tutorial.

  • @mubashirahmad3733
    @mubashirahmad3733 2 года назад

    Thanks Dear for the amzing explanation

  • @insolgar
    @insolgar 2 года назад

    I don't seem to get anything from response.headers.get("x-total-count") .. any ideas on how to solve this? I did some research and apparently it has to do with CORS not allowing some data from headers by default. You have to set 'Access-Control-Expose-Headers: x-total-count' but I don't know how to do that with this mock server!!!! Help :(

  • @nirajtathe2172
    @nirajtathe2172 11 месяцев назад

    Very well explained 👍

  • @jurietylierpedrogas2714
    @jurietylierpedrogas2714 Год назад

    such a great tut. ive been looking this kind of tutorial thanks for the knowledge

  • @htmlfivedev
    @htmlfivedev 3 года назад +1

    This is exactly what I was looking for ... THANX!!

  • @ajinathshinde5562
    @ajinathshinde5562 Год назад

    too much useful , thanks

  • @tobiolaleye3353
    @tobiolaleye3353 2 года назад

    This really helped me…Great tutorial 👏🏽👏🏽

  • @VineetSingh-qg5zt
    @VineetSingh-qg5zt 2 года назад

    I just wanna say thanks a lot brother from the bottom of my heart. thank you so much.
    🙏🙏

  • @Gggff58y
    @Gggff58y 2 года назад

    no1 video for learning paginate

  • @aamjindagivlog56
    @aamjindagivlog56 Год назад

    Perfect man ,this is the code ,i have been looking for long time. thanks 👍 mam

  • @vikrantavishwakarma3281
    @vikrantavishwakarma3281 Год назад

    Can you add react table (hook) server side pagination with each column filtering ?

  • @maximilianoranholi9208
    @maximilianoranholi9208 Год назад

    bro, you just helped me a lot. thanks for sharing this.

  • @deepakvishwakarma2043
    @deepakvishwakarma2043 3 года назад

    Happy teacher's day...
    I'm sorry if I'm being rude but
    If I have mimic a teacher's personality in my school.
    It will be you. 😂😂😂😂🤣🤣

  • @JessicaJonas21
    @JessicaJonas21 Год назад

    Very clear tutorial, thank you!

  • @tetthys3620
    @tetthys3620 Год назад

    Thanks, But I think there is a problem when i use this with redux toolkit query..😮‍💨😮‍💨

  • @jerrysibarani2709
    @jerrysibarani2709 2 года назад

    Thank u so much bro, this tutorial helped me much..

  • @ellsonmendesYT
    @ellsonmendesYT 3 года назад

    I was looking for pagination and it happed that ur video has just came out

  • @paragroy5359
    @paragroy5359 2 года назад

    Great video..... thanks a lot u are doing a wonderful job

  • @AkhileshJain0605
    @AkhileshJain0605 3 года назад

    Hi @coderspirit. Your video is very helpful. However, I am facing one issue where my active class is not updating and click of next button is always picking data.selected = 2

  • @samuelbassey417
    @samuelbassey417 3 года назад +3

    Anyone know a good tutorial for server side pagination, filtering and search in react?

  • @Unknown-so7qv
    @Unknown-so7qv Год назад

    Nice video, very helpfull

  • @cubedev4838
    @cubedev4838 3 года назад

    Seriously amazing, can u make searching with react tutorial?

  • @subramanyam.d24m56
    @subramanyam.d24m56 2 года назад

    Thanks a lot for your clean explanation.

  • @abhisekmohapatra1524
    @abhisekmohapatra1524 2 года назад

    Thank You.....!!!
    Sir ...!!!
    Got Lots Of Ideas....!!

  • @akashdey1730
    @akashdey1730 2 года назад

    Hi I wanted to know how do we implement this with filter api ?

  • @ilhambagirov571
    @ilhambagirov571 2 года назад +1

    thanks a lot. you saved my time

  • @nivethanivi4570
    @nivethanivi4570 3 года назад

    Helpful Video. Thank u For the video Bro.

  • @CyberneticEagle
    @CyberneticEagle Год назад +1

    Thank you very much, you saved me

  • @hrishikeshdeoghare4359
    @hrishikeshdeoghare4359 2 года назад

    thank you your api logic helped me a lot!!

    • @coderspirit
      @coderspirit  2 года назад +1

      Please consider subscribing

  • @sgr2343
    @sgr2343 2 года назад

    Really helpful for learning

  • @danis5686
    @danis5686 2 года назад

    Very well explained. Thank you so much! 🤗

  • @drilias10
    @drilias10 3 года назад

    You helped me a lot. One more subscribed.Thanks!

  • @niklassoderberg2168
    @niklassoderberg2168 3 года назад

    Good video exactly what i needed right now haha

  • @SUSUGOGI
    @SUSUGOGI 5 месяцев назад

    Thank you so much sir ❤

  • @nelsonjo14
    @nelsonjo14 2 года назад

    Very useful video, thanks men!!!!!

    • @coderspirit
      @coderspirit  2 года назад +1

      Please consider subscribing

  • @mostafasalah6577
    @mostafasalah6577 2 года назад

    Guter kannal

  • @СултанБакиров-п6ъ
    @СултанБакиров-п6ъ 2 года назад

    you are the best!!! thank you! subscribed!!!

  • @smitshreeomsoft
    @smitshreeomsoft 8 месяцев назад

    can now can make video pagination with react in Axios call api

  • @sivashankarim2141
    @sivashankarim2141 Год назад

    please post crud operation in react js. it will be very usefull for us

  • @MEELAVINODKUMARN
    @MEELAVINODKUMARN 3 года назад

    Can u explain this same without using hooks?

  • @taibaouimohamed9508
    @taibaouimohamed9508 Год назад

    thanks for this tutorial.

  • @premkumar-ut4to
    @premkumar-ut4to Год назад

    How to prevent previous page api call?

  • @salmanalmajali1194
    @salmanalmajali1194 2 года назад +1

    really helpfull

  • @mohammadrakib2809
    @mohammadrakib2809 2 года назад

    Really helpfull sir :)

  • @idabagusngurahmanikparasar5138
    @idabagusngurahmanikparasar5138 2 года назад

    Thanks a lot for this great tutorial

  • @RajuRaju-pj3ni
    @RajuRaju-pj3ni 3 года назад

    Cab you add pagination like I have 10000 records but fetching only 500 events coming as total elements

    • @RajuRaju-pj3ni
      @RajuRaju-pj3ni 3 года назад

      After next click remaing pages should load from api

  • @asas12337
    @asas12337 2 года назад

    very good and useful

  • @theworldofufc8034
    @theworldofufc8034 3 года назад

    Plz make more videos on react with redux

  • @shwetasharma-m2w
    @shwetasharma-m2w 6 месяцев назад

    Great job

  • @theworldofufc8034
    @theworldofufc8034 3 года назад

    Superb bro

  • @pareshanbabai
    @pareshanbabai 2 года назад

    Thanks Bro It helped

  • @md.mohiulislam6516
    @md.mohiulislam6516 Год назад

    tnx a thousands, subscribed

  • @abuzain859
    @abuzain859 Год назад

    Amazing ❤

  • @TaprobanaOrg
    @TaprobanaOrg 2 года назад

    💖💖

  • @preciouspets8m396
    @preciouspets8m396 2 года назад

    Thank you so much. 😊

  • @2784raj
    @2784raj 3 года назад

    Awesome Stuff!!!
    Thanks

  • @ellsonmendesYT
    @ellsonmendesYT 3 года назад

    Thumbs up dude!

  • @amuzatkazeem5378
    @amuzatkazeem5378 2 года назад

    Thank you so much

  • @tijanisylla1348
    @tijanisylla1348 2 года назад

    Very Nice !!

  • @katerynatrushko6492
    @katerynatrushko6492 2 года назад

    Thank you very much!

  • @PHPTechLife
    @PHPTechLife 4 месяца назад

    Thanks

  • @vageeshanvageesh5583
    @vageeshanvageesh5583 2 года назад

    Its great!!!!!!!!!!!!!!!!!!!!!!! 🤩

  • @DhirenkumarRathod
    @DhirenkumarRathod 2 года назад

    thanks for this video

  • @ammoney159
    @ammoney159 3 года назад

    If I using axios and functionally component?

    • @coderspirit
      @coderspirit  3 года назад +1

      I am already using functional component . Change fetch to axios

  • @RahulYadav-hs2un
    @RahulYadav-hs2un 2 года назад

    Your github link not working

  • @anggernuramin
    @anggernuramin Год назад

    thanks you

  • @NISARGMEWADA
    @NISARGMEWADA 3 года назад

    amazing

  • @OctaBrainComputer
    @OctaBrainComputer 8 месяцев назад

    Malayali alle 😊

  • @ashwinvishesh1742
    @ashwinvishesh1742 2 года назад

    Malayaali aanalle