Build Youtube in React 32: dynamic watch component
1 Overview We’re done with our Home feed, but we still need to make our Watch component dynamic. In this tutorial, we will start fetching the data we need for it. 2 Making our...
Monthly Archive: February 2019
Build Youtube in React 31: Infinite Scroll in Home feed
1 Overview In the last tutorial we created the reducer and the selector for displaying the most popular videos for a certain category. We now need to wire up all the logic with our...
Build Youtube in React 30: Most popular videos per category reducer
1 Overview Let’s continue where we left off and create the reducer to handle the MOST_POPULAR_BY_CATEGORY event 2 Youtube most popular videos reducer First of all let me tell you that this reducer is...
Build Youtube in React 29: Fetching most popular videos per category
1 Overview Ok, so what’s next? Right now, we load the top 12 most popular videos and all video categories from the Youtube API. To complete our Home feed, we now need to load...
Build Youtube in React 28: Fetching Video Categories
1 Overview We’re finally done with the most popular videos. When you look at our mockup again, you see that we have more than one video grid. In our Home feed we first show...
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...
Build Youtube in React 26: Populating Home feed with most popular videos
1 Overview In the last few tutorials we worked on fetching the most popular videos via Youtube’s API. We already have the data in our Redux state, but we haven’t populated our Home feed...
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 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 23: fetching most popular videos
1. Overview In the last tutorial, we created some helper functions to make our life easier when it comes to creating actions and to fetching data. Now, we will finally make use and fetch...
Recent Comments