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...
Tagged: css-grid
Youtube in React 44: kicking off a search from the top nav bar
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...
Build Youtube in React 42: infinite scroll for trending videos
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...
Build Youtube in React 34: Populating watch component with data
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...
Build Youtube in React 16: Video Infobox
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...
Build Youtube in React 15: Video Metadata
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...
Build Youtube in React 14: Laying out Youtube Watch 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...
Build Youtube in React 13: Related Videos
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...
Build Youtube in React 12: Horizontal Video Preview
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...
Build Youtube in React 08: Home Feed and Video Grid
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