React js Pagination With API Call Using React-paginate

React js Pagination With API Call (REST API Request to Server)
Download Code
github.com/cod...

[@coderspirit]

Thanks for watching .Please don't forget to subscribe

[@ahmadnurahsan8162]

!no

[@akashdey1730]

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

[@rahulmehra186]

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]

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

[@ahmadnurahsan8162]

absolutely ✨🌟✨

[@karthikgsarode900]

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

[@AbhishekKumar-fn6sz]

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

[@EvolutionMachinetoMan]

Brilliant, power of India 👍👍

[@ujolmaharjan2010]

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

[@coderspirit]

Please consider subscribing

[@Parmon52]

I've been looking for a long time to add pagination to my table. Before your video, I only found options with a ready-made table and jquery. Nice tutorial ! 👍

[@phoneringhtone9711]

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

[@sivashankarim2141]

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

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

[@htmlfivedev]

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

[@rakshitpatel9664]

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

[@VISHALKUMAR-fk8bs]

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?

[@jurietylierpedrogas2714]

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

[@Leen-Odeh287]

Thank you sir for this wonderful tutorial.

[@sanatanShishya1521]

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

[@mubashirahmad3733]

Thanks Dear for the amzing explanation

[@tobiolaleye3353]

This really helped me…Great tutorial 👏🏽👏🏽

[@VineetSingh-qg5zt]

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

[@JessicaJonas21]

Very clear tutorial, thank you!

[@maximilianoranholi9208]

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

[@aamjindagivlog56]

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

[@subramanyam.d24m56]

Thanks a lot for your clean explanation.

[@drilias10]

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

[@paragroy5359]

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

[@jerrysibarani2709]

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

[@coderspirit]

Glad to hear that

[@ilhambagirov571]

thanks a lot. you saved my time

[@nirajtathe2172]

Very well explained 👍

[@hrishikeshdeoghare4359]

thank you your api logic helped me a lot!!

[@coderspirit]

Please consider subscribing

[@СултанБакиров-п6ъ]

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

[@Unknown-so7qv]

Nice video, very helpfull

[@danis5686]

Very well explained. Thank you so much! 🤗

[@abhisekmohapatra1524]

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

[@CyberneticEagle]

Thank you very much, you saved me

[@nivethanivi4570]

Helpful Video. Thank u For the video Bro.

[@ajinathshinde5562]

too much useful , thanks

[@niklassoderberg2168]

Good video exactly what i needed right now haha

[@nelsonjo14]

Very useful video, thanks men!!!!!

[@coderspirit]

Please consider subscribing

[@insolgar]

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 :(

[@SUSUGOGI]

Thank you so much sir ❤

[@sgr2343]

Really helpful for learning

[@tetthys3620]

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

[@taibaouimohamed9508]

thanks for this tutorial.

[@Gggff58y]

no1 video for learning paginate

[@abuzain859]

Amazing ❤

[@AkhileshJain0605]

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

[@vikrantavishwakarma3281]

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

[@cubedev4838]

Seriously amazing, can u make searching with react tutorial?

[@salmanalmajali1194]

really helpfull

[@samuelbassey417]

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

[@rahuldixit3661]

had u got the answer pls share

[@idabagusngurahmanikparasar5138]

Thanks a lot for this great tutorial

[@coderspirit]

Please consider subscribing

[@md.mohiulislam6516]

tnx a thousands, subscribed

[@2784raj]

Awesome Stuff!!! Thanks

[@mohammadrakib2809]

Really helpfull sir :)

[@ellsonmendesYT]

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

[@ellsonmendesYT]

Thumbs up dude!

[@premkumar-ut4to]

How to prevent previous page api call?

[@pareshanbabai]

Thanks Bro It helped

[@shwetasharma-m2w]

Great job

[@deepakvishwakarma2043]

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. 😂😂😂😂🤣🤣

[@akashdey1730]

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

[@tijanisylla1348]

Very Nice !!

[@smitshreeomsoft]

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

[@PHPTechLife]

Thanks

[@mostafasalah6577]

Guter kannal

[@theworldofufc8034]

Superb bro

[@katerynatrushko6492]

Thank you very much!

[@coderspirit]

Please consider subscribing

[@sivashankarim2141]

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

[@preciouspets8m396]

Thank you so much. 😊

[@coderspirit]

Please consider subscribing

[@amuzatkazeem5378]

Thank you so much

[@TaprobanaOrg]

💖💖

[@asas12337]

very good and useful

[@coderspirit]

Please consider subscribing

[@MEELAVINODKUMARN]

Can u explain this same without using hooks?

[@vageeshanvageesh5583]

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

[@DhirenkumarRathod]

thanks for this video

[@RajuRaju-pj3ni]

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

[@RajuRaju-pj3ni]

After next click remaing pages should load from api

[@NISARGMEWADA]

amazing

[@anggernuramin]

thanks you

[@theworldofufc8034]

Plz make more videos on react with redux

[@OctaBrainComputer]

Malayali alle 😊

[@RahulYadav-hs2un]

Your github link not working

[@coderspirit]

What is the problem???

[@ammoney159]

If I using axios and functionally component?

[@coderspirit]

I am already using functional component . Change fetch to axios

[@ashwinvishesh1742]

Malayaali aanalle

[@coderspirit]

Yes

[@chuttyboycreation]

How can I do this method for video with Axios GET API request

[@coderspirit]

yes

[@chuttyboycreation]

@@coderspirit actually, i am asking you how to do that

[@coderspirit]

updated app.js file using axios gist.github.com/coderspirit-git/66fb92feb1c6436be0eed9fddb15bb65

[@chuttyboycreation]

@@coderspirit Thanks for your reply, There is no change in react webpage same grid Text JSON data displayed, Actually I want to fetch video's instead of Text