🟢 Part 7 : Infinite Scroll | Loading Skeleton | Lazy Load Images - YouTube Clone using React & API

Hey guys, welcome back to the channel , I am Sumit !!!
So This is the Seventh part of the YouTube Clone Project where we are going to make a fully functional YouTube Clone (well almost fully :)) using React , Redux ,Firebase and of course YouTube API.

Please watch the introduction part of the video
In that video I gave the full overview and the prerequisites of the project ;
Link of the first part :

-------------------------

Access the full playlist here :
----------------------------
Follow my page on Instagram for programming cheat sheet :)
Facebook : :(
--------------
and at last , if you find this video helpful, please please hit the like button
that motivates me a lot,
If anything goes wrong , just comment down below
Love You :)
Timestamp:
0:00 - 0:30 - Intro
0:31 - 12:10 - Infinite Scroll(including Redux)
12:11 - 18:50 - React Loading Skeleton
18:51- React Lazy Load Images

----

[sumitdey-frontend]

at 3:54, inside the Infinite Scroll Component I passed the className="row" as prop and also removed the <Row/> component.. somehow I missed that part during the editing :( NICE!!! 😪

[nilstar]

2:20 after adding videos inside InfiniteScroll tag 1st time it works but then i reload the web page and the video were not loading, catch error occurs it shows in the console what should i do to over come this error

[dineshdynamic]

Bro i got an error while setting up the project. The error message indicates that you have exceeded your quota for the YouTube Data API. I am in a half way to finish. How can I increase that quota plxz tell me bro

[buildleadinnovate]

also show how to deploy it on heroku or any other platform

[임창수-cc]

You are a lifesaver! Thank you.
Do you have any resource to implement scroll restoration using react router v6 and which you used in this video?

[maxmartin]

Can you please make a more detailed video on Loading Skeleton?

[Knightrider]

Hey!! I just started React Loading Skeleton part. And the localhost:3000 is giving me an error of: "Failed to load resource: the server responded with a status of 403 ()" the loader keeps on spinning is it because I have exceeded the daily usage quota of the API. Please help me out :( I dont wanna go back after practicing 3 hours of amazing content

[santrawebtech]

case HOME_VIDEOS_REQUEST:return{
...state,
videos:state.videos.length?state.videos:[],
loading:true,

}

sir i found that just fetch the old videos on request case in next time scrolling

[ANUBHAVDIXIT-im]

@backbenchcoder
youtube.googleapis.com/youtube/v3/videos?key=AIzaSyBRedfGQ8m2WB5HMT0u7JM2P766M6zSVhM&part=snippet, contentDetails, statistics&chart=mostPopular&regionCode=IN&maxResults=20:1 Failed to load resource: the server responded with a status of 403 ()