Add Infinite Scrolling in React JS in Hindi 🔥

  Рет қаралды 50,422

Thapa Technical

Thapa Technical

Күн бұрын

Пікірлер: 68
@ThapaTechnical
@ThapaTechnical 2 жыл бұрын
👉 Free Source Code Link: www.thapatechnical.com/2023/01/infinite-scrolling-in-react-js.html 😊 Become Member, get access to perks, free Source code, & more.. kzbin.info/door/wfaAHy4zQUb2APNOGXUCCAjoin 😍 Check my Instagram to Connect with me: instagram.com/thapatechnical 👩‍💻 Discord Server Link for Programmer to Hangout: discord.gg/MdScmCsua6 ✌ Website Link: www.thapatechnical.com
@sdk_gyan
@sdk_gyan 2 жыл бұрын
How to Infinite scrolling in NextJs serverSideProp
@neontuts5637
@neontuts5637 2 жыл бұрын
Thanks for sharing. A simple tip - use throttling in the network tab of dev tools. To show the loading spinner :)
@technical.legend
@technical.legend 2 жыл бұрын
Harry bhai ke sath apka collab video askta hai kya?
@shubhamnagota
@shubhamnagota 2 жыл бұрын
Nice concept. You can go to network and change throttling to Slow 3G to see the loading bar.
@mohitashliya8750
@mohitashliya8750 Жыл бұрын
Bhai Bahut achaa bs ese hi banate raho bahut simple kr diya aapne infinite scroll ko.
@mrbeliever1810
@mrbeliever1810 2 жыл бұрын
Thanks ❤
@RameshJobUpdates
@RameshJobUpdates 3 ай бұрын
Excellent Explanation❤
@gshabeer516
@gshabeer516 2 жыл бұрын
03:40 Text limit can also be set by css
@saurabh-ny8cn
@saurabh-ny8cn 2 жыл бұрын
How ?
@kishankumarswain7258
@kishankumarswain7258 Жыл бұрын
What's extensions and theme are you using in this project ??
@gshabeer516
@gshabeer516 2 жыл бұрын
Nice video keep it up 😉
@amrendrasingh6109
@amrendrasingh6109 Жыл бұрын
Thank you so much sir ❤
@musicworld1717
@musicworld1717 9 ай бұрын
finally someone teaches indepth thanks ...love you bro
@rakibul110
@rakibul110 Жыл бұрын
Love You Broo ❤❤❤❤❤❤❤❤ from Bangladesh
@kalyanperla9767
@kalyanperla9767 2 жыл бұрын
Thanks for the info🔥❤️
@vedbhanushali608
@vedbhanushali608 Жыл бұрын
beautiful explanation
@satyam_code
@satyam_code Ай бұрын
🙏♥
@shivamaggarwal2023
@shivamaggarwal2023 9 ай бұрын
Thank you Bhai ❤
@aashishmiglani5878
@aashishmiglani5878 Жыл бұрын
Hello Can we do apply this logic to any div, table or in select tag?
@MrK-nb7xr
@MrK-nb7xr Жыл бұрын
and boom guys ... it was epic
@humerasad
@humerasad 2 жыл бұрын
Sir kia ap bta skty hai react kaha sy start kron ap k channel py multiple Playlist hai smj ni a rhi kaha sy start kron
@aniketdhage2604
@aniketdhage2604 2 жыл бұрын
Awesome 👍
@jokerwatch8010
@jokerwatch8010 9 ай бұрын
bhai aap likhate ho tab fire dikhati hai o edting hai ya koi theme hai vs code ki
@RavindraSingh-lp9pl
@RavindraSingh-lp9pl Жыл бұрын
@thapa React p series banaao yaar one major project k saath.
@sdk_gyan
@sdk_gyan 2 жыл бұрын
How to Infinite scrolling in NextJs serverSideProp
@pritamsingh898
@pritamsingh898 Жыл бұрын
thapa bro Caching handling pr video ek video bna do ... like when we call listing api then go next page and again we go prev page api called... so please make one tutoreal on this topic. thankyou bro.
@mohammad-aman1105
@mohammad-aman1105 11 ай бұрын
Sir, pro tip. Avoid using index as a key of your component. It will degrade performance
@mdnazmulh.8908
@mdnazmulh.8908 Жыл бұрын
Can we do same thing with posts limit instead of page count?
@nasarshaik5207
@nasarshaik5207 2 жыл бұрын
Thank you sir
@webPro_faizan
@webPro_faizan 2 жыл бұрын
Love you from pakistan gilgit
@ashispyne123
@ashispyne123 5 ай бұрын
after last record, if I scroll up and down, its again loading the function, will it be normal to load every time where we reached the last data?
@shabnam9519
@shabnam9519 10 ай бұрын
I have some navlinks with category name and I want to filter prouducts based on the value(category name) in navlink. My api looks like 'domain-name/ categoryname/limit/startpage'. I did the same and add the categoryname in useeffect hook. But products are not showing. How to do that? @ThapaTechnical
@MythicalSaty
@MythicalSaty Жыл бұрын
Is this the scalable way of doing infinite scroll or there are other better ways i can explore!
@MythicalSaty
@MythicalSaty Жыл бұрын
12:24 par background me Murge ki awaz kaha se aa rahi he bhai..
@suball
@suball 6 ай бұрын
Bro how can we write limite &page api with object array data
@akashghosh9335
@akashghosh9335 10 ай бұрын
perfect video
@paritoshchauhan889
@paritoshchauhan889 2 жыл бұрын
Bhai ek asse video bnao react js or mongodb jisme ek taraf sea data entry access kraye or input data website pr view ho jaye jab jab koi new data upload ho Or us data m images or kuch title or links bhi upload kr sake
@godessGOAT
@godessGOAT 4 ай бұрын
Mera initial data 1-9 double render ho rha hai
@AkashKumar-kg7ge
@AkashKumar-kg7ge Жыл бұрын
Thanks bhaiya
@Muhammadbilal-zw5gz
@Muhammadbilal-zw5gz 2 жыл бұрын
Nice video Vinod bhai but ek bus tracking app ka project bhi lao in reactjs with nextjs
@vishalkyadav3805
@vishalkyadav3805 3 ай бұрын
bro make a tutorial for creating a website like yours.
@sameerfaridi2
@sameerfaridi2 Жыл бұрын
you are awesome
@sportsstimulant4228
@sportsstimulant4228 2 жыл бұрын
Sir can you tell me the difference between infinite scroll and smooth scrolling beacuse i learn smooth scrolling in your previous video and also custom scroll bar ,,,, also want to know can infinite scroll bar customised??
@sportsstimulant4228
@sportsstimulant4228 2 жыл бұрын
@Pawan Poudel yes bro like instagram and Facebook are infinite scroll,,, can you use reveal animation ?? I
@sportsstimulant4228
@sportsstimulant4228 2 жыл бұрын
@Pawan Poudel reveal animation per bhai kya wow.js livery or animate .css eksathe work karte hai ?? Or ek bat bhai ek jaiga ui/ux mang raha to ui/ux to normal website jo banate hai usme html +css+javascript k help se ho jate hai ya fir ui/ux k liye alag se learn karna parega ?? Confusing hai thora help kar sakte hai ??
@gamedeeds
@gamedeeds Жыл бұрын
How to make it hit api on horizontal scroll??
@codewithrohit2927
@codewithrohit2927 2 жыл бұрын
First and can you make a fully functional e-commerce website using mern like 6pack figure yt channel plz
@ThapaTechnical
@ThapaTechnical 2 жыл бұрын
Sure
@codewithrohit2927
@codewithrohit2927 2 жыл бұрын
@@ThapaTechnical thanks
@sushantkumarsonu2818
@sushantkumarsonu2818 2 жыл бұрын
Sir aap json server ka user kr k login and signup video daalo naa in react
@rrttingre3222
@rrttingre3222 7 ай бұрын
source code is not working they are showing index.js file is not present
@souravbishai5755
@souravbishai5755 2 жыл бұрын
sir one video for react top loading bar
@programingexpert-g3
@programingexpert-g3 5 ай бұрын
❤❤❤
@patelronak153
@patelronak153 2 жыл бұрын
🚀🚀🤩
@kartikkaushik4743
@kartikkaushik4743 2 ай бұрын
Boom Guys
@writterpanditsid5048
@writterpanditsid5048 10 ай бұрын
Great
@gg.gyroguru
@gg.gyroguru Жыл бұрын
first page repeat data aa rha h
@PratikVishwakarma-h8s
@PratikVishwakarma-h8s Жыл бұрын
useInfiniteQuery ek videos bana do yrr
@yashdubey1552
@yashdubey1552 Жыл бұрын
SIMPLEST VIDEO FOR PAGINATION ALL ACROSS YT
@rishiraj2548
@rishiraj2548 2 жыл бұрын
👍👍🙏
@oneLiner89
@oneLiner89 2 жыл бұрын
first comment sir, love from Pakistan
@mayanksharma5540
@mayanksharma5540 2 жыл бұрын
Your country going to bankrupt in few months
@oneLiner89
@oneLiner89 2 жыл бұрын
@@mayanksharma5540 Allah Knows better ☺
@Me-vc4sf
@Me-vc4sf Жыл бұрын
Bangali ho?
@sanketkumarlaha8069
@sanketkumarlaha8069 Жыл бұрын
someone free the 🐓
@Home-qi6wv
@Home-qi6wv 10 ай бұрын
Thankyou so much sir.😀🙏
Learn Intersection Observer In 15 Minutes
15:32
Web Dev Simplified
Рет қаралды 348 М.
React Infinite Scroll like YouTube, Instagram | with Animation
7:01
Code Bless You
Рет қаралды 29 М.
IL'HAN - Qalqam | Official Music Video
03:17
Ilhan Ihsanov
Рет қаралды 700 М.
Что-что Мурсдей говорит? 💭 #симбочка #симба #мурсдей
00:19
How to treat Acne💉
00:31
ISSEI / いっせい
Рет қаралды 108 МЛН
🔴 Create a Modal in React JS in Hindi
24:24
Thapa Technical
Рет қаралды 51 М.
How to Create Infinite Scroll in React | TanStack React Query
35:07
🔴 Infinite Scroll with JavaScript Like Facebook, Instagram in Hindi
44:53
Best frontend and backend projects for resume
13:11
Hitesh Choudhary
Рет қаралды 244 М.
Infinite Scroll in React | Full Tutorial
38:53
Dave Gray
Рет қаралды 52 М.
React JS Website in Hindi #8:  PAGINATION in React JS  🔥
19:25
Thapa Technical
Рет қаралды 56 М.
Code Splitting in React JS - Lazy Loading Performance Optimization
16:10
Infinite Scrolling in NextJs 13 Using Server Actions
17:58
Hamed Bahram
Рет қаралды 24 М.
Infinite Scrolling in React using Intersection Observer
29:35
Frontend Interview Pro
Рет қаралды 2,2 М.
IL'HAN - Qalqam | Official Music Video
03:17
Ilhan Ihsanov
Рет қаралды 700 М.