Build Youtube in React 20: Youtube Client Library
1 Overview Youtube comes with a Javascript library (currently in beta) that makes it easier for us to talk to the Youtube API. Here’s the thing. We could just use Javascript’s fetch API to...
Tagged: javascript
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 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 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 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 04: Building a sticky sidebar
Now that we have finished our header navigation, let’s directly move on to the side navigation. This will be one of the tutorials where we’ll make much use of Semantic UI’s pre-made components. Once...
Recent Comments