Build Youtube in React tutorial series updated
It has been a while ever since the Build Youtube in React tutorial series came out. Since then YouTube has made a couple of adjustments – especially for accessibility reasons and has made the...
Tagged: css
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...
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...
Recent Comments