Load More Pagination React

Udemy Courses:
9 React Projects on Udemy - bit.ly/2D83M8c
9 React Projects on Gumroad - h3webdevtuts.g...
Social Media:
Web Dev Discord - / discord
Github - github.com/h3h394
Twitter - / h3webdeveloper
Instagram - / h3webdevtuts
Project Details:
API - jsonplaceholde...

[@elendil4543]

Great trick but it doesn't serve the main purpose of pagination which is limiting the returned records from database and load the page quicker from the user perspective, this method actually will receive all records from your database which is not healthy for your website if it is medium scaled or above ( I won't talk about fact that you will call all records again and again with every api call )

[@h3webdevtuts]

Hi, yes you are totally right, this tutorial is not intended for that in any way, you wouldn't ever do it this way with having a database. This was just a simple trick for small data people might have / local data mostly. Thanks for watching :)

[@elendil4543]

@@h3webdevtuts actually I used your trick recently for one of my projects and it was really helpful, thank you very much

[@h3webdevtuts]

@@elendil4543 Glad I could help. Thanks for watching :)

[@olenakunina1]

kinda feel sorry for all those "aiii....that is exactly what i was needed!!!!!!!!!!!" - agree very confusing content, i would say even harmful, let them all put those buttons to portfolio projects)))))))))))))))

[@wisdomelue]

simple and precise, exactly what i needed thank you!

[@h3webdevtuts]

Glad you found it useful. Thank you :)

[@Dima-j6i]

@@h3webdevtuts Hello. Please tell me, if I want to apply your method to several components, how can I make sure that when the 'showMoreItems' function fires in one component, it does not work in others? I simply pass State and function from parent to child.

[@bernarduslopez7074]

i never thought it'd be so simple.. great tutorial 👍

[@h3webdevtuts]

Thank you so much :)

[@newcode7847]

Great tutorial, helped me finish my work task! Thanks a lot!

[@h3webdevtuts]

Glad I could help. Thanks for watching :)

[@aloysius9037]

bro that was amazing thanks

[@h3webdevtuts]

Thanks :)

[@varunsingh2133]

can you please help me like if want only 10 items what should i do

[@h3webdevtuts]

I'm not sure what you are trying to do, can you explain more on this? Thanks for watching :)

[@canerkuru9681]

Absolutely one of the best coding techniques I've ever seen. Brilliant brilliant!

[@h3webdevtuts]

Glad you like it, much appreciated. Thanks for watching :)

[@raba650]

Needed to watch a react rendition of this functionality since I want to implement that for the npm wix pro gallery which uses redux so now I have to convert it to redux as well. Thanks.

[@h3webdevtuts]

Hope that this helped and that u got the rest figured out. Thanks for watching :)

[@marcelo_anselmo_levy]

Easy and simple as can be! Thanx mate

[@h3webdevtuts]

Glad you liked it, thank you so much :)

[@sachinsenakulk]

Awesome 😎👏👏

[@h3webdevtuts]

Thank you :)

[@alexkey9372]

Thanks but how would you do that if the api supports the pagination e.g www.apiurl.com/?per_page=2&currPage=1 ? would you simply push new data to array and re-render? As I understand, this returns all JSON data in useEffect.

[@h3webdevtuts]

Are you trying to do the same thing as here or something different? This example gets all the items at once, but in your link you know how many items u have because of per page param, so based on that number u can see how many items ur gonna show.

[@mudassirsayed8703]

How to hide the Load more when it reaches to the end of the data

[@almahmud5569]

very useful! never thought it will be this much easy

[@h3webdevtuts]

Glad you found it useful. Thank you :)

[@ericholdridge4102]

Ayyyyye, the slice method.

[@h3webdevtuts]

Just for you :D

[@promiseshedrach7836]

Thank you very much @h3webdevtuts for this
it was really helpful

[@h3webdevtuts]

Hey, I'm really glad you found it helpful. Thank you for the kinds words :)

[@КириллМиронов-о4к]

hi! Good content!!

[@h3webdevtuts]

Hi, much appreciated :)

[@aymangouda9708]

Thanks a lot , my bro❤

[@marufaaktereity2976]

Thank u so much

[@h3webdevtuts]

Thank you :)

[@jeetsingh-sy5ij]

Thank you very much! This is very much helpful for me. I haven't reached to useEffect yet! but I am on useState, I know how to map and Items or create element on click and I was thinking how to limit the data and also how to show more data on click. I will try to implement with only useState if it's possible, I learnt something new again! Thank you mate!

[@h3webdevtuts]

Hey, I'm glad you found it useful. I would agree, keep learning, keep making new things, you are doing great! Thanks for watching :)

[@maaz-a-3578]

اقسم بالله برنس
راجل مية المية حبيب قلبي والله

[@Codelab-ql3xh]

thanks a lot, brother

[@fcandann]

Thanks a lot! Fast & good tutorial!

[@h3webdevtuts]

Glad you liked it. Thanks for watching :)

[@truongnguyen-bh8vn]

Thanks !

[@h3webdevtuts]

Thank you :)

[@gapobohorc]

Čuje se iz avijona, da si neki naš :) hvala za ovaj odlićan video.Pozdrav iz Slo

[@h3webdevtuts]

Hvala tebi druze. Pozdrav :)

[@DeepakSingh-eq8jl]

simple and nice what i exactly needed.
thanks Alot ! man

[@shujathaliirfan2662]

Super

[@h3webdevtuts]

Thank you :)

[@Codelab-ql3xh]

thanks a lot, bro

[@Code-With-Shakil]

Thanks for your video , this was really helpful for me .

[@Metovski]

thanks man. i appreciate

[@SLHacks]

very good!

[@Muviz]

Можно на русском, очень сильный акцент

[@rargza9169]

thank youuuuuuuuuuuuu

[@h3webdevtuts]

Thank you :)

[@tunayuzbayyelce3455]

Thanks a lot!!

[@fahimx1426]

Great bro :)))

[@rafiqjarjous7542]

thanks boss! its me Vampie from the discord server :D

[@h3webdevtuts]

Thank you Vampie :D

[@ahmad_mido]

can you please make it with pure javascript?

[@h3webdevtuts]

Might do it in the future. Thanks for watching :)

[@brenosantin9739]

youre the boss!!!! great video helped me a lot!

[@h3webdevtuts]

Thank you so much :)

[@willyelinge]

Thanks, this video was really useful for me.

[@h3webdevtuts]

Glad you found it useful. Thanks for watching :)

[@LeonardoMoyano]

Thanks a lot!!

[@h3webdevtuts]

You are welcome. Thanks for watching :)

[@ldstudio3044]

Thank you Bro :)

[@h3webdevtuts]

Thank you :)

[@cury0224]

It's was so simple!!! Thank you!!!

[@h3webdevtuts]

Thank you :)

[@baybay1904]

that's cool sir, thank you so much 🙏

[@h3webdevtuts]

Thank you :)

[@robotoidgaming9422]

Thank You, Bro. You help a lot

[@h3webdevtuts]

You are welcome. Thanks for watching :)

[@shubhamsaxena6412]

you r awesome , and expalined very well

[@shubhamsaxena6412]

it would be more helpful if you attach the codeSandBox link or upload the code at github . So that people can run the code

[@h3webdevtuts]

@@shubhamsaxena6412 Yeah, most of the time I remove the projects after they are done so that's the main reason. But I will see to improve that in the future. Thanks for watching :)

[@learnwithvigneshvijayakumar]

Great content.Really informative.

[@h3webdevtuts]

Glad you found it useful. Thank you :)

[@rezwanatcha]

Great tutorial, but is there a way to hide the load more button if there is no more content to load?

[@tj-softwaresolution]

how is it possible to set the focus on the new posts so that you do not have to scroll?

[@UNDEREFFCT]

You can use the window.scrollTo function which takes 2 arguments X and Y

[@tj-softwaresolution]

yeah makes sense. thanks bro

[@nazmulhudarimon4416]

Thanks mate. Thanks a lot

[@h3webdevtuts]

Glad you found it useful. Thank you :)

[@farhanalfariqi6778]

Absolutely Brilliant!!

[@h3webdevtuts]

Glad you found it useful. Thank you so much for the kind words :)

[@ЕвгенияАмелина-ю4р]

thank you :)

[@h3webdevtuts]

Thank you :)

[@arezkiait_1171]

very helpful , thank u :)

[@h3webdevtuts]

Thank you :)

[@toshitsingh7270]

Thanks for the video, super easy and on point. It helped a lot ❤

[@JoinMeInLearning]

Thank you Bro :)

[@h3webdevtuts]

You're welcome, thanks for watching :)

[@MujahidulIslam]

thank you

[@aihacker42]

Add code link direct in video description please😄

[@suatbayrak2703]

great idea thanks for the tutorial

[@h3webdevtuts]

Glad you liked it, thank you for watching :)

[@cazterk]

Easy does it

[@h3webdevtuts]

Glad you found it useful. Thanks for watching :)

[@copeseethe8794]

Thanks