Build Youtube in React 27: formatting video duration
1 Overview Let’s look at our trending videos again. Click on the image to see it in high resolution. We need to get the formatting right. Here’s how we want our video previews to...
Tagged: jest
Build Youtube in React 25: Testing reducers
1 Overview Let’s look at our Redux state again We already have reducers that are responsible for the api and the videos part, but we haven’t tested them yet. Reducers are extremely important for...
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...
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 11: Video component
1 Overview You’ve seen the Watch component mockup two times now. Let’s break it down into smaller components, so we can easily build them out step by step. I’ve marked the different components we...
Recent Comments