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: create-react-app
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 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 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 33: reducer for watch video component
1 Overview Let’s continue where we left off and start with creating the reducer for our WATCH_DETAILS action. 2 Adding watch details reducer 2.1. Let’s talk about state It is important to understand where...
Build Youtube in React 32: dynamic watch component
1 Overview We’re done with our Home feed, but we still need to make our Watch component dynamic. In this tutorial, we will start fetching the data we need for it. 2 Making our...
Recent Comments