Build a YouTube video search app with Angular 11 and RxJS

In this tutorial, we’ll demonstrate how to build a YouTube video search application using Angular 11 and RxJS. We’ll do this by building a single-page application that retrieves a list of videos from YouTube by passing in a search query and other parameters to the YouTube search API.

We’ll use the following tools to build our app.

  • TypeScript, a typed superset of JavaScript that compiles to plain JavaScript and provides type capabilities to JavaScript code

  • Angular, a JavaScript framework that allows you to create efficient and sophisticated single-page applications

  • RxJS, a library for composing asynchronous and event-based programs by using observable sequences. Think of RxJS as Lodash but for events

You should have a basic understanding of how these tools work to follow along with this tutorial. We’ll walk through how to use these tools together to build a real-world application. As you go along, you’ll gain practical insight into the core concepts and features they provide.

You can find the final code in this GitHub repository.

Read the full tutorial —>