Load More Button React Js Material UI Project
ฝัง
- เผยแพร่เมื่อ 22 ก.ค. 2024
- In this video, I have explained how to build load more button in your React Js applications. It's similar to infinite scroll in react Js where user can use button to load more data on the page. I have used Material UI Components to build this project.
Feel Free to leave your queries in the comments.
🚀 Timestamps:
0:00 - Introduction
01:40 - Building Grid Layout with Images
08:20 - Adding Load more Button
12:48 - Testing Final Result
If you are looking to learn web development with JavaScript, React Js and Node Js , Feel free to reach out to me.
www.fiverr.com/shankeyraheja
To appreciate the work:
www.buymeacoffee.com/mitter.y...
🔗 Related Videos:
1. How to Use Material UI Date Picker in React Js
• How to Use Material UI...
2. AI Image Generator OpenAI API dall e 3 React Js Material UI Project
• AI Image Generator Ope...
3. Responsive Image Gallery with Search Bar | Material UI Project React Js
• Responsive Image Galle...
📚 Resources Mentioned:
To access the code, check out this GitHub Repository:
github.com/MitterYourTechMate...
Reach out to me for Collaboration on the Project:
shankeyraheja.com/ - แนวปฏิบัติและการใช้ชีวิต
How can i make the load more button disappear when there is no more items or no more data to show?
Hello,
Thanks for reaching out. I have made some changes in the code, on GitHub, to hide load more button when all images are loaded. Please check the code on this link:
github.com/MitterYourTechMate/infinite_scroll_live/
Hope this will help.