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: scss
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 24: Create reducer for most popular videos
1 Overview We already created the request, actions and sagas for the most popular video endpoint. However, we still lack a reducer that handles the MOST_POPULAR_VIDEOS action. 2 Video reducer 2.1 Creating the video...
Build Youtube in React 19: Getting a Youtube API key
1 Overview Now that we have set our Redux store up and running let’ see where we will get all the video data from. Fortunately, Youtube exposes an API for third party developers to...
Build Youtube in React 18: Adding Redux and redux-saga
1 Overview 1.1 Introducing state Now that we have built out our Youtube MVP components, we can think about how we get actual videos in there. Otherwise the app would be kinda boring. Our...
Build Youtube in React 17: Comments
1 Overview We’re almost done with building out a static version of our Watch component. But we still need to display a video’s comments. Click on the image to see it in high resolution....
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...
Recent Comments