Build Youtube in React 20: Youtube Client Library
1 Overview Youtube comes with a Javascript library (currently in beta) that makes it easier for us to talk to the Youtube API. Here’s the thing. We could just use Javascript’s fetch API to...
Build real world, production-ready software
1 Overview Youtube comes with a Javascript library (currently in beta) that makes it easier for us to talk to the Youtube API. Here’s the thing. We could just use Javascript’s fetch API to...
1 Overview 1.1 Introducing state Now that we have built out our Youtube MVP components, we can think about how we get actual videos in there. Otherwise the app would be kinda boring. Our...
1 Overview We’re almost done with building out a static version of our Watch component. But we still need to display a video’s comments. Click on the image to see it in high resolution....
1 Overview Well, well well, glad you still stick around. There are two omore bigger components left in our Watch component. Here’s what we’re up to. Click on the image to see it in...
1 Overview Now that we have our Video component and our RelatedVideos component in place, we can start thinking about the overall look of the Watch component. Below you will find the components marked...
1 Overview In the last tutorial, we updated our VideoPreview so we can use it to display related videos. Guess what we’re going to do in this tutorial 🤓 Here’s what we would like...
1 Overview You’ve seen the Watch component mockup two times now. Let’s break it down into smaller components, so we can easily build them out step by step. I’ve marked the different components we...
1 Youtube Watch component overview Now that we finished the Home feed markup, we can think about adding the next major component. We want a component that allows us to actually watch a video. ...
Now that we have finished our header navigation, let’s directly move on to the side navigation. This will be one of the tutorials where we’ll make much use of Semantic UI’s pre-made components. Once...
Recent Comments