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: youtube-client-library
Build Youtube in React 34: Populating watch component with data
1 Overview In the previous tutorial, we successfully fetched detailed information on a specific video from the Youtube endpoint. Right now, our Watch component only shows hard-coded data. Let’s make our UI more dynamic...
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 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 22: Prepare project to fetch data
1 Overview Let’s recap, we successfully load Youtube’s client library, we set up some boilerplate code for the Youtube endpoint and you know the basics of redux-saga. However, before we finally start fetching data,...
Build Youtube in React 21: Exploring the Youtube data API
1 Overview It’s finally time to fill our components with real data. We are now about to actually load some data from the Youtube API. In this tutorial, we’ll shed light on how the...
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...
Build Youtube in React 19: Getting a Youtube API key
1 Overview Now that we have set our Redux store up and running let’ see where we will get all the video data from. Fortunately, Youtube exposes an API for third party developers to...
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 01: Project Kickoff
1 Overview Today we’re going to announce the start of a new tutorial series on this blog. We are going to build a Youtube-like application in React. It will leverage the Youtube data API v3 and will...
Recent Comments