Add Infinite Scrolling in React JS in Hindi 🔥

แชร์
ฝัง
  • เผยแพร่เมื่อ 30 พ.ย. 2024

ความคิดเห็น • 68

  • @ThapaTechnical
    @ThapaTechnical  ปีที่แล้ว +3

    👉 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..
    th-cam.com/channels/wfaAHy4zQUb2APNOGXUCCA.htmljoin
    😍 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 ปีที่แล้ว

      How to Infinite scrolling in NextJs serverSideProp

  • @neontuts5637
    @neontuts5637 ปีที่แล้ว +13

    Thanks for sharing. A simple tip - use throttling in the network tab of dev tools. To show the loading spinner :)

  • @mohitashliya8750
    @mohitashliya8750 ปีที่แล้ว +1

    Bhai Bahut achaa bs ese hi banate raho bahut simple kr diya aapne infinite scroll ko.

  • @shubhamnagota
    @shubhamnagota ปีที่แล้ว +4

    Nice concept.
    You can go to network and change throttling to Slow 3G to see the loading bar.

  • @technical.legend
    @technical.legend ปีที่แล้ว +6

    Harry bhai ke sath apka collab video askta hai kya?

  • @musicworld1717
    @musicworld1717 7 หลายเดือนก่อน

    finally someone teaches indepth thanks ...love you bro

  • @gshabeer516
    @gshabeer516 ปีที่แล้ว +2

    03:40 Text limit can also be set by css

  • @RameshJobUpdates
    @RameshJobUpdates 2 หลายเดือนก่อน

    Excellent Explanation❤

  • @kishankumarswain7258
    @kishankumarswain7258 ปีที่แล้ว +3

    What's extensions and theme are you using in this project ??

  • @amrendrasingh6109
    @amrendrasingh6109 ปีที่แล้ว +1

    Thank you so much sir ❤

  • @MrK-nb7xr
    @MrK-nb7xr 11 หลายเดือนก่อน

    and boom guys ... it was epic

  • @gshabeer516
    @gshabeer516 ปีที่แล้ว +1

    Nice video keep it up 😉

  • @mrbeliever1810
    @mrbeliever1810 ปีที่แล้ว

    Thanks ❤

  • @rakibul110
    @rakibul110 ปีที่แล้ว

    Love You Broo ❤❤❤❤❤❤❤❤ from Bangladesh

  • @vedbhanushali608
    @vedbhanushali608 ปีที่แล้ว

    beautiful explanation

  • @RavindraSingh-lp9pl
    @RavindraSingh-lp9pl ปีที่แล้ว

    @thapa React p series banaao yaar one major project k saath.

  • @kalyanperla9767
    @kalyanperla9767 ปีที่แล้ว

    Thanks for the info🔥❤️

  • @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.

  • @shivamaggarwal2023
    @shivamaggarwal2023 7 หลายเดือนก่อน

    Thank you Bhai ❤

  • @mohammad-aman1105
    @mohammad-aman1105 9 หลายเดือนก่อน

    Sir, pro tip. Avoid using index as a key of your component. It will degrade performance

  • @satyam_code
    @satyam_code 12 วันที่ผ่านมา +1

    🙏♥

  • @humerasad
    @humerasad ปีที่แล้ว

    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

  • @webPro_faizan
    @webPro_faizan ปีที่แล้ว

    Love you from pakistan gilgit

  • @Real2Reel889
    @Real2Reel889 ปีที่แล้ว

    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

  • @jokerwatch8010
    @jokerwatch8010 7 หลายเดือนก่อน

    bhai aap likhate ho tab fire dikhati hai o edting hai ya koi theme hai vs code ki

  • @sushantkumarsonu2818
    @sushantkumarsonu2818 ปีที่แล้ว

    Sir aap json server ka user kr k login and signup video daalo naa in react

  • @aniketdhage2604
    @aniketdhage2604 ปีที่แล้ว

    Awesome 👍

  • @aashishmiglani5878
    @aashishmiglani5878 ปีที่แล้ว

    Hello
    Can we do apply this logic to any div, table or in select tag?

  • @vishalkyadav3805
    @vishalkyadav3805 หลายเดือนก่อน

    bro make a tutorial for creating a website like yours.

  • @Muhammadbilal-zw5gz
    @Muhammadbilal-zw5gz ปีที่แล้ว

    Nice video Vinod bhai but ek bus tracking app ka project bhi lao in reactjs with nextjs

  • @MythicalSaty
    @MythicalSaty ปีที่แล้ว

    Is this the scalable way of doing infinite scroll or there are other better ways i can explore!

  • @shabnam9519
    @shabnam9519 8 หลายเดือนก่อน

    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

  • @akashghosh9335
    @akashghosh9335 9 หลายเดือนก่อน

    perfect video

  • @kartikkaushik4743
    @kartikkaushik4743 หลายเดือนก่อน

    Boom Guys

  • @AkashKumar-kg7ge
    @AkashKumar-kg7ge ปีที่แล้ว

    Thanks bhaiya

  • @MythicalSaty
    @MythicalSaty ปีที่แล้ว

    12:24 par background me Murge ki awaz kaha se aa rahi he bhai..

  • @suball
    @suball 4 หลายเดือนก่อน

    Bro how can we write limite &page api with object array data

  • @sameerfaridi2
    @sameerfaridi2 ปีที่แล้ว

    you are awesome

  • @nasarshaik5207
    @nasarshaik5207 ปีที่แล้ว

    Thank you sir

  • @ashispyne123
    @ashispyne123 4 หลายเดือนก่อน

    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?

  • @sdk_gyan
    @sdk_gyan ปีที่แล้ว +1

    How to Infinite scrolling in NextJs serverSideProp

  • @mdnazmulh.8908
    @mdnazmulh.8908 ปีที่แล้ว

    Can we do same thing with posts limit instead of page count?

  • @sportsstimulant4228
    @sportsstimulant4228 ปีที่แล้ว

    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 ปีที่แล้ว

      @Pawan Poudel yes bro like instagram and Facebook are infinite scroll,,, can you use reveal animation ?? I

    • @sportsstimulant4228
      @sportsstimulant4228 ปีที่แล้ว

      @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 ??

  • @preetiipriya
    @preetiipriya 2 หลายเดือนก่อน +1

    Mera initial data 1-9 double render ho rha hai

  • @souravbishai5755
    @souravbishai5755 ปีที่แล้ว

    sir one video for react top loading bar

  • @gamedeeds
    @gamedeeds 10 หลายเดือนก่อน

    How to make it hit api on horizontal scroll??

  • @writterpanditsid5048
    @writterpanditsid5048 9 หลายเดือนก่อน

    Great

  • @codewithrohit2927
    @codewithrohit2927 ปีที่แล้ว +1

    First and can you make a fully functional e-commerce website using mern like 6pack figure yt channel plz

  • @rrttingre3222
    @rrttingre3222 5 หลายเดือนก่อน

    source code is not working they are showing index.js file is not present

  • @PratikVishwakarma-h8s
    @PratikVishwakarma-h8s 11 หลายเดือนก่อน

    useInfiniteQuery ek videos bana do yrr

  • @patelronak153
    @patelronak153 ปีที่แล้ว

    🚀🚀🤩

  • @yashdubey1552
    @yashdubey1552 ปีที่แล้ว

    SIMPLEST VIDEO FOR PAGINATION ALL ACROSS YT

  • @programingexpert-g3
    @programingexpert-g3 3 หลายเดือนก่อน

    ❤❤❤

  • @oneLiner89
    @oneLiner89 ปีที่แล้ว

    first comment sir, love from Pakistan

    • @mayanksharma5540
      @mayanksharma5540 ปีที่แล้ว +1

      Your country going to bankrupt in few months

    • @oneLiner89
      @oneLiner89 ปีที่แล้ว

      @@mayanksharma5540 Allah Knows better ☺

  • @gg.gyroguru
    @gg.gyroguru ปีที่แล้ว

    first page repeat data aa rha h

  • @rishiraj2548
    @rishiraj2548 ปีที่แล้ว

    👍👍🙏

  • @sanketkumarlaha8069
    @sanketkumarlaha8069 ปีที่แล้ว

    someone free the 🐓

  • @Me-vc4sf
    @Me-vc4sf ปีที่แล้ว

    Bangali ho?

  • @Home-qi6wv
    @Home-qi6wv 8 หลายเดือนก่อน

    Thankyou so much sir.😀🙏