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...
Monthly Archive: January 2019
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...
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 09: App Layout
1 Youtube Watch component overview Now that we finished the Home feed markup, we can think about adding the next major component. We want a component that allows us to actually watch a video. ...
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...
Build Youtube in React 07: Home Feed and Video Preview
1 Youtube Home Feed Mockups We’re finally about to develop one of Youtube’s main components: its home feed. Let’s look at our mock to see what we’re up to. Click the image to get...
Build Youtube in React 06: Snapshot Testing using Jest and Enzyme
1. Testing React components in Jest and Enzyme Just one more thing before we go on. We have already quite a few components and as part of our a professional software development approach, we...
Recent Comments