Youtube in React: 43: searching for videos
1 Overview This is the last feature we will implement as part of this tutorial series. For our Youtube MVP, we’re basically just lacking a search functionality. It would be nice if we could...
ProductionCoder Blog
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 41: prepare side bar for trending videos
1 Overview All right party people, there’s just two more things we’ll do before we’re officially done with this. We would like to display the trending videos . When the user clicks on Trending...
Build Youtube in React 40: displaying comments
1 Overview Let’s continue where we left off and finish off the comments. 2 Displaying comments 2.1. Comments selector We only need a way to pull in the comments for a specific video into...
Build Youtube in React 39: fetching comments
1 Overview We’re almost done with our Watch component. The only thing we haven’t covered yet is comments. Right now, we just display some hard-coded comments. Click on the image to see it in...
Build Youtube in React 38: fetching and displaying channel information
1 Overview Let’s continue where we left off and fetch channel information when the user pastes the URL into the web browser directly. In this case, we don’t know the channel id. All we...
Build Youtube in React 37: fetching channel information
1 Overview We’re getting there. Our Watch component looks pretty nice. Click on the image to see it in high resolution. However, we are still missing the actual channel details, i.e. its name, a...
Build Youtube in React 36: consecutive requests for related videos
1 Overview Let’s continue where we left off and continue with creating consecutive requests. 2 Displaying related videos in Youtube 2.1. Consecutive network requests in Redux saga Let’s create a new function inside src/store/sagas/watch.js...
Build Youtube in React 35: Fetching related videos
1 Overview Currently, our related videos section looks a little bit empty. Click on the image to see it in high resolution. Well, how hard can it be 😁? 2 Fetching related videos from...
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...
Recent Comments