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
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 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 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 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 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 10: Adding routing
1 Overview You already saw this this mockup in the last tutorial. Click on the image to see it in high resolution. So the goal is clear. We would like to have a component...
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