Youtube in React 45: displaying search results
1 Overview Almost done, we already have the network logic for our search component in place. We just need to make use of it to achieve our goal. So let’s get it over with...
Build real world, production-ready software
1 Overview Almost done, we already have the network logic for our search component in place. We just need to make use of it to achieve our goal. So let’s get it over with...
1 Overview We’re finally about to start building out our search component. Hold on a second. The UI for the search results looks almost identical to what we have in our Trending component. To...
1 Overview In the previous tutorial, we made our side bar dynamic and our VideoPreview component more flexible. We will now make use our changes and implement a component that shows trending videos. Click...
1 Overview In the previous tutorial, we successfully fetched detailed information on a specific video from the Youtube endpoint. Right now, our Watch component only shows hard-coded data. Let’s make our UI more dynamic...
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 In the last section we started working on the layout of our Watch component. So far, we have static versions of the Video and the RelatedVideos component. We still need a component...
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 saw this mockup now a couple of times. Click on the image to see the image in high resolution. In the last tutorial, we created the Video component (shown here in...
1 Youtube Home Feed video grid In the last tutorial, we started building out Home feed components. Let’s look at our mockup again. Click on the image to see it in high resolution. As...
Recent Comments