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: redux-saga
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...
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...
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 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...
Recent Comments